.loba-app,.loba-profile,.loba-widget{--wine:#881119;--wine2:#4b0710;--gold:#d7aa43;--rose:#b94751;--ink:#090707;--cream:#f7ead2;--text:#fff8ed;font-family:Montserrat,Arial,sans-serif;box-sizing:border-box}.loba-app *,.loba-profile *,.loba-widget *{box-sizing:border-box}.loba-app{color:var(--text);background:radial-gradient(circle at 80% 0,#451018 0,transparent 32%),linear-gradient(145deg,#060505,#140709 55%,#070505);border:1px solid rgba(215,170,67,.45);border-radius:26px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.28)}.loba-hero{position:relative;min-height:clamp(430px,62vw,710px);display:flex;align-items:flex-end;isolation:isolate}.loba-hero picture,.loba-hero picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.loba-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,2,2,.04) 22%,rgba(7,4,4,.22) 48%,rgba(8,4,5,.97) 100%);z-index:1}.loba-hero-copy{position:relative;z-index:2;padding:clamp(28px,6vw,72px);max-width:780px}.loba-hero-copy span,.loba-profile-head>span,.loba-widget-copy small{display:block;color:var(--gold);font-weight:800;letter-spacing:.18em;font-size:.78rem}.loba-hero-copy h2,.loba-profile h1,.loba-widget-copy strong{font-family:Playfair Display,Georgia,serif;color:#ffe7bd;text-shadow:0 2px 18px #000}.loba-hero-copy h2{font-size:clamp(2.5rem,7vw,5.5rem);margin:.12em 0}.loba-hero-copy p{font-size:clamp(1rem,2vw,1.22rem);line-height:1.65;max-width:640px;margin:0}.loba-tools{padding:24px clamp(18px,5vw,56px);display:flex;gap:14px;align-items:end;border-top:1px solid rgba(215,170,67,.25);border-bottom:1px solid rgba(215,170,67,.18);background:rgba(255,255,255,.025)}.loba-tools label{flex:1}.loba-tools label span{display:block;color:#f6d69c;font-weight:700;margin-bottom:8px}.loba-tools input{width:100%;border:1px solid rgba(215,170,67,.55);border-radius:999px;background:#16090b;color:#fff;padding:15px 20px;font-size:1rem;outline:none}.loba-tools input:focus{border-color:#ffd77d;box-shadow:0 0 0 3px rgba(215,170,67,.18)}.loba-tools button,.loba-profile footer button{border:1px solid var(--gold);color:#18080a;background:linear-gradient(135deg,#f2d48d,#b77a20);border-radius:999px;padding:14px 20px;font-weight:800;cursor:pointer}.loba-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:clamp(18px,4vw,48px)}.loba-card{border:1px solid rgba(215,170,67,.4);border-radius:20px;overflow:hidden;background:linear-gradient(135deg,rgba(136,17,25,.36),rgba(18,9,10,.92));min-height:210px;transition:.25s transform,.25s border-color,.25s box-shadow}.loba-card:hover{transform:translateY(-3px);border-color:#e2bb64;box-shadow:0 15px 36px rgba(0,0,0,.28)}.loba-card>a{display:grid;grid-template-columns:minmax(125px,35%) 1fr;min-height:100%;color:var(--text)!important;text-decoration:none!important}.loba-card-media{background:radial-gradient(circle,#b8752c 0,#5f1118 30%,#100708 72%);display:grid;place-items:center;min-height:210px;overflow:hidden}.loba-card-media img{width:100%;height:100%;object-fit:cover}.loba-molecule{font-size:3rem;color:#f9d98b;filter:drop-shadow(0 0 13px #d06a2e)}.loba-card-copy{padding:22px;display:flex;flex-direction:column}.loba-badge{align-self:flex-start;color:#f3cd80;border:1px solid rgba(215,170,67,.45);border-radius:999px;padding:4px 9px;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.loba-card h3{font:700 clamp(1.35rem,2.5vw,1.9rem)/1.1 Playfair Display,Georgia,serif;color:#ffe8bd;margin:12px 0 8px}.loba-card p{color:#f7e8dc;line-height:1.55;margin:0 0 15px}.loba-card-cta{margin-top:auto;color:#efc875;font-weight:800}.loba-card-cta b{margin-left:6px}.loba-empty{padding:35px;text-align:center;color:#f3d79e}.loba-profile{background:linear-gradient(145deg,#090606,#18080b);color:var(--text);border-radius:24px;overflow:hidden;border:1px solid rgba(215,170,67,.45)}.loba-profile-head{padding:clamp(32px,7vw,80px);position:relative;background:radial-gradient(circle at 80% 15%,#6e1721 0,transparent 43%)}.loba-profile-head h1{font-size:clamp(2.6rem,7vw,5.5rem);margin:.15em 0}.loba-profile-head p{font-size:1.18rem;line-height:1.65;max-width:760px}.loba-profile-head img{width:min(100%,760px);max-height:520px;object-fit:cover;border-radius:22px;border:1px solid var(--gold);margin-top:25px}.loba-profile-body{max-width:920px;margin:auto;padding:clamp(25px,6vw,70px)}.loba-profile-body section{padding:25px 0;border-bottom:1px solid rgba(215,170,67,.2)}.loba-profile h2{color:#f5cf84;font:700 1.75rem Playfair Display,Georgia,serif}.loba-profile p,.loba-profile li{color:#fff4e9;line-height:1.72}.loba-sources span{color:#efc875}.loba-sources a,.loba-related a{color:#f2cc7b}.loba-related>div{display:grid;gap:10px}.loba-related a{display:flex;justify-content:space-between;padding:14px 16px;border:1px solid rgba(215,170,67,.36);border-radius:12px;text-decoration:none}.loba-profile footer{padding-top:28px}.loba-profile footer p{font-size:.88rem;color:#d8c8bc}.loba-widget{position:relative;display:block;min-height:260px;border-radius:25px;overflow:hidden;border:1px solid #c99334;text-decoration:none!important;color:#fff!important;box-shadow:0 17px 36px rgba(0,0,0,.22);isolation:isolate}.loba-widget picture,.loba-widget picture img,.loba-widget-shade{position:absolute;inset:0;width:100%;height:100%}.loba-widget picture img{object-fit:cover;object-position:62% 43%;transition:transform .45s ease}.loba-widget:hover picture img{transform:scale(1.025)}.loba-widget-shade{background:linear-gradient(90deg,rgba(10,3,4,.97) 0,rgba(28,7,10,.83) 48%,rgba(0,0,0,.08) 100%);z-index:1}.loba-widget-copy{position:relative;z-index:2;display:flex;min-height:260px;max-width:58%;padding:30px;flex-direction:column;justify-content:center}.loba-widget-copy strong{display:block;font-size:clamp(1.7rem,4vw,3rem);line-height:1.05;margin:7px 0}.loba-widget-copy em{font-style:normal;line-height:1.5;color:#f5e8dd}.loba-widget-copy b{color:#f0c56f;margin-top:17px}.loba-theme-loborient{--wine:#72101a}.loba-theme-loborient .loba-hero-copy span{letter-spacing:.24em}@media(max-width:760px){.loba-app{border-radius:18px}.loba-hero{min-height:610px}.loba-hero picture img{object-position:center top}.loba-hero-copy{padding:28px 22px}.loba-tools{align-items:stretch;flex-direction:column}.loba-tools button{align-self:flex-start}.loba-grid{grid-template-columns:1fr;padding:14px}.loba-card>a{grid-template-columns:112px 1fr}.loba-card-media{min-height:190px}.loba-card-copy{padding:17px}.loba-card h3{font-size:1.35rem}.loba-widget{min-height:210px}.loba-widget-shade{background:linear-gradient(90deg,rgba(10,3,4,.96),rgba(24,5,8,.72) 70%,rgba(0,0,0,.16))}.loba-widget-copy{max-width:78%;min-height:210px;padding:22px}.loba-widget picture img{object-position:68% 38%}}@media(max-width:430px){.loba-card>a{grid-template-columns:92px 1fr}.loba-card-media{min-height:175px}.loba-card p{font-size:.9rem}.loba-widget-copy{max-width:86%}}@media(prefers-reduced-motion:reduce){.loba-card,.loba-widget picture img{transition:none!important}}
.loba-card-media picture{display:block;width:100%;height:100%}

/* 0.1.2 – compact hero and theme-proof typography */
.loba-app .loba-hero{min-height:clamp(350px,46vw,530px)!important}
.loba-app .loba-hero-copy{padding:30px clamp(24px,5vw,52px)!important;max-width:720px!important}
.loba-app .loba-hero-copy span{color:#f0c66f!important;font-size:.7rem!important;line-height:1.2!important}
.loba-app .loba-hero-copy h2{color:#ffe7bd!important;font-family:"Playfair Display",Georgia,serif!important;font-size:clamp(2rem,4.7vw,4rem)!important;line-height:1.04!important;font-weight:700!important;letter-spacing:0!important;margin:.12em 0 .18em!important}
.loba-app .loba-hero-copy p{color:#fff8ed!important;font-family:Montserrat,Arial,sans-serif!important;font-size:clamp(.94rem,1.5vw,1.08rem)!important;line-height:1.52!important;font-weight:400!important;margin:0!important;max-width:620px!important}
.loba-app .loba-card h3,.loba-profile h1,.loba-profile h2{color:#ffe7bd!important}
.loba-app .loba-card p,.loba-profile p,.loba-profile li{color:#fff8ed!important}
@media(max-width:760px){.loba-app .loba-hero{min-height:520px!important}.loba-app .loba-hero-copy{padding:24px 20px!important}.loba-app .loba-hero-copy h2{font-size:clamp(2rem,10vw,3rem)!important}.loba-app .loba-hero-copy p{font-size:.95rem!important}}

/* 0.1.5 – Elementor-proof card proportions */
.loba-app .loba-card{min-height:220px!important}
.loba-app .loba-card>a{grid-template-columns:minmax(125px,35%) minmax(0,1fr)!important;min-height:220px!important;align-items:stretch!important}
.loba-app .loba-card-media{position:relative!important;min-height:220px!important;height:100%!important;overflow:hidden!important}
.loba-app .loba-card-media picture{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important}
.loba-app .loba-card-media picture img,.loba-app .loba-card-media>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center center!important;margin:0!important}
.loba-app .loba-card-copy{padding:20px!important}
.loba-app .loba-card h3{font-size:clamp(1.3rem,2vw,1.72rem)!important;line-height:1.08!important;font-weight:700!important;margin:10px 0 8px!important}
.loba-app .loba-card p{font-family:Montserrat,Arial,sans-serif!important;font-size:.94rem!important;line-height:1.48!important;font-weight:400!important;letter-spacing:0!important;margin:0 0 13px!important}
.loba-app .loba-card-cta{font-size:.9rem!important;line-height:1.2!important}
@media(max-width:760px){.loba-app .loba-card>a{grid-template-columns:105px minmax(0,1fr)!important;min-height:190px!important}.loba-app .loba-card-media{min-height:190px!important}.loba-app .loba-card-copy{padding:16px!important}.loba-app .loba-card h3{font-size:1.28rem!important}.loba-app .loba-card p{font-size:.88rem!important;line-height:1.42!important}}

/* 0.2.0 – Atlas identity: unique icons and structured profile */
.loba-ingredient-icon{position:relative;display:grid;place-items:center;flex:0 0 auto;width:104px;height:104px;border:1px solid rgba(233,190,91,.72);border-radius:50%;background:radial-gradient(circle at 40% 35%,#8e2630 0,#3b0b12 47%,#100708 76%);box-shadow:inset 0 0 24px rgba(255,190,70,.15),0 10px 30px rgba(0,0,0,.28);overflow:hidden}.loba-ingredient-icon svg{position:absolute;inset:12px;width:80px;height:80px}.loba-ingredient-icon svg g{fill:none;stroke:#efc76f;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;opacity:.62}.loba-ingredient-icon b{position:relative;z-index:2;color:#fff0cb!important;font:800 .78rem/1 Montserrat,Arial,sans-serif!important;letter-spacing:.08em;text-shadow:0 2px 8px #000}.loba-card-media .loba-ingredient-icon{width:82px;height:82px}.loba-card-media .loba-ingredient-icon svg{inset:10px;width:62px;height:62px}.loba-card-media .loba-ingredient-icon b{font-size:.68rem!important}.loba-app .loba-card-media{background:radial-gradient(circle at 50% 42%,#6f1822 0,#25090e 48%,#0c0708 100%)!important}
.loba-profile .loba-profile-head{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(320px,.92fr)!important;gap:34px!important;align-items:stretch!important;padding:34px!important;min-height:0!important;background:radial-gradient(circle at 20% 10%,#68131d 0,transparent 42%),linear-gradient(135deg,#0b0708,#26090e)!important}.loba-profile .loba-profile-intro{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:18px!important}.loba-profile .loba-profile-intro>span:not(.loba-ingredient-icon){color:#e7bd65!important;font:800 .72rem/1.3 Montserrat,Arial,sans-serif!important;letter-spacing:.14em;text-transform:uppercase;margin-top:18px}.loba-profile .loba-profile-head h1{font-size:clamp(2.5rem,5vw,4.5rem)!important;line-height:1!important;margin:.18em 0!important}.loba-profile .loba-profile-head p{font-size:1.05rem!important;line-height:1.55!important;margin:0!important;max-width:580px}.loba-profile .loba-profile-head>picture{display:block!important;min-height:340px!important;max-height:430px!important;overflow:hidden!important;border:1px solid rgba(215,170,67,.62)!important;border-radius:20px!important}.loba-profile .loba-profile-head>picture img{display:block!important;width:100%!important;height:100%!important;min-height:340px!important;max-height:430px!important;object-fit:cover!important;object-position:center 44%!important;border:0!important;border-radius:0!important;margin:0!important}.loba-profile .loba-profile-body{max-width:1080px!important;margin:0 auto!important;padding:38px!important}.loba-profile .loba-profile-sections{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}.loba-profile .loba-profile-sections>section{padding:22px!important;border:1px solid rgba(215,170,67,.25)!important;border-radius:16px!important;background:linear-gradient(145deg,rgba(136,17,25,.13),rgba(255,255,255,.018))!important}.loba-profile .loba-profile-sections>section:nth-child(3n){grid-column:1/-1}.loba-profile .loba-profile-sections h2,.loba-profile .loba-related h2,.loba-profile .loba-sources h2{font-size:1.42rem!important;line-height:1.16!important;margin:0 0 12px!important}.loba-profile .loba-profile-sections p{font-size:.97rem!important;line-height:1.62!important;margin:0!important}.loba-profile .loba-related,.loba-profile .loba-sources{margin-top:22px!important;padding:24px!important;border:1px solid rgba(215,170,67,.28)!important;border-radius:16px!important;background:rgba(255,255,255,.018)!important}.loba-profile .loba-sources ol{margin:0!important;padding-left:22px!important}.loba-profile .loba-sources li{font-size:.9rem!important;line-height:1.55!important;margin:8px 0!important}.loba-profile footer{margin-top:22px!important;padding:22px 0 0!important;border-top:1px solid rgba(215,170,67,.22)!important;display:flex!important;justify-content:space-between!important;gap:18px!important;align-items:center!important}.loba-profile footer p{margin:0!important}.loba-profile footer button{white-space:nowrap!important}
@media(max-width:760px){.loba-profile .loba-profile-head{grid-template-columns:1fr!important;padding:20px!important;gap:20px!important}.loba-profile .loba-profile-intro{padding:4px!important}.loba-profile .loba-profile-head h1{font-size:2.45rem!important}.loba-profile .loba-profile-head>picture,.loba-profile .loba-profile-head>picture img{min-height:250px!important;max-height:310px!important}.loba-profile .loba-profile-body{padding:18px!important}.loba-profile .loba-profile-sections{grid-template-columns:1fr!important}.loba-profile .loba-profile-sections>section:nth-child(3n){grid-column:auto}.loba-profile .loba-profile-sections>section{padding:18px!important}.loba-profile footer{align-items:stretch!important;flex-direction:column!important}.loba-profile footer button{align-self:flex-start!important}}

/* 0.3.0 – Pausz × Kreppi header, verified formula cards, vertical feed */
.loba-app{background:#090607!important;border-color:rgba(215,170,67,.55)!important}
.loba-duo-head{position:relative;display:grid;grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);min-height:360px;overflow:hidden;background:linear-gradient(135deg,#050404,#310b11);border-bottom:1px solid rgba(215,170,67,.55)}
.loba-duo-head:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,rgba(7,4,4,.12) 45%,rgba(7,4,4,.92) 67%,#090607 100%);pointer-events:none}
.loba-duo-head>img{width:100%;height:100%;min-height:360px;object-fit:cover;object-position:center 35%}
.loba-duo-head>div{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:42px 50px;margin-left:-65px}
.loba-duo-head span{color:#e8bd68!important;font:700 .78rem/1.4 Montserrat,Arial,sans-serif!important;letter-spacing:.12em;text-transform:uppercase}
.loba-duo-head h2{color:#ffe8bd!important;font:700 clamp(2.5rem,5vw,4.6rem)/1 Playfair Display,Georgia,serif!important;margin:.15em 0!important}
.loba-duo-head p{max-width:600px;color:#fff8ed!important;font:400 1rem/1.6 Montserrat,Arial,sans-serif!important;margin:0!important}
.loba-tools{position:sticky;top:0;z-index:8;max-width:760px;margin:0 auto;width:100%;background:rgba(9,6,7,.96)!important;backdrop-filter:blur(12px);border:1px solid rgba(215,170,67,.2)!important;border-radius:0 0 18px 18px;padding:16px 18px!important}
.loba-tools button[data-loba-clear]{flex:0 0 auto;padding:9px 14px!important;font-size:.76rem!important;line-height:1!important;letter-spacing:.025em;white-space:nowrap}
.loba-grid{display:flex!important;flex-direction:column!important;gap:22px!important;max-width:760px!important;margin:0 auto!important;padding:28px 16px 56px!important;scroll-snap-type:y proximity}
.loba-app .loba-card{width:100%!important;min-height:min(720px,76svh)!important;border-radius:24px!important;scroll-snap-align:center;background:linear-gradient(160deg,#25090e,#0b0708 68%)!important;box-shadow:0 20px 50px rgba(0,0,0,.34)!important}
.loba-app .loba-card>a{display:flex!important;flex-direction:column!important;min-height:min(720px,76svh)!important}
.loba-app .loba-card-media{flex:1 1 auto!important;min-height:400px!important;padding:24px!important;background:#f7f0e5!important}
.loba-app .loba-card-copy{flex:0 0 auto!important;padding:26px 30px 30px!important;background:linear-gradient(180deg,#260a0f,#100708)!important}
.loba-app .loba-card h3{font-size:clamp(1.9rem,4vw,2.7rem)!important;margin:10px 0 8px!important}
.loba-app .loba-card p{font-size:1rem!important;line-height:1.55!important;max-width:620px!important}
.loba-formula{position:relative;display:flex!important;flex-direction:column!important;width:100%!important;height:100%!important;min-height:340px!important;margin:0!important;color:#291b1b!important;background:#f7f0e5!important}
.loba-formula-kind{position:absolute;z-index:2;top:0;left:0;padding:7px 11px;border:1px solid #a57b2b;border-radius:999px;color:#7f1822!important;background:rgba(247,240,229,.94)!important;font:800 .67rem/1 Montserrat,Arial,sans-serif!important;letter-spacing:.09em}
.loba-formula-visual{flex:1;display:grid;place-items:center;min-height:250px;padding:30px 10px 12px}
.loba-formula-visual img{display:block!important;width:100%!important;height:100%!important;max-height:370px!important;object-fit:contain!important;mix-blend-mode:multiply}
.loba-formula-visual strong{color:#7d1520!important;font:700 clamp(1.8rem,6vw,3.8rem)/1.15 Montserrat,Arial,sans-serif!important;text-align:center}
.loba-formula figcaption{display:flex!important;flex-direction:column!important;align-items:center!important;gap:5px!important;padding:8px 12px 2px!important;text-align:center!important}
.loba-formula figcaption b{color:#851722!important;font:800 1rem/1.3 Montserrat,Arial,sans-serif!important;text-transform:uppercase}
.loba-formula figcaption span{color:#2b2222!important;font:500 .86rem/1.35 Montserrat,Arial,sans-serif!important}
.loba-formula figcaption i{padding:0 5px;color:#a57b2b;font-style:normal}
.loba-profile .loba-profile-head>.loba-formula{min-height:380px!important;border-radius:18px!important;padding:20px!important}
.loba-profile .loba-profile-head>.loba-formula .loba-formula-kind{top:18px;left:18px}
.loba-pausz-break{display:grid;grid-template-columns:minmax(220px,.82fr) minmax(260px,1.18fr);align-items:stretch;min-height:310px;overflow:hidden;border:1px solid rgba(215,170,67,.56);border-radius:24px;background:linear-gradient(135deg,#19080b,#4a0e17 58%,#120709);box-shadow:0 18px 42px rgba(0,0,0,.3);scroll-snap-align:center}
.loba-pausz-break img{display:block;width:100%;height:100%;min-height:310px;object-fit:cover;object-position:center}
.loba-pausz-break>div{display:flex;flex-direction:column;justify-content:center;padding:34px}
.loba-pausz-break span{color:#e8bd68!important;font:800 .7rem/1.2 Montserrat,Arial,sans-serif!important;letter-spacing:.14em;text-transform:uppercase}
.loba-pausz-break h3{color:#ffe8bd!important;font:700 clamp(1.8rem,4vw,2.8rem)/1.05 Playfair Display,Georgia,serif!important;margin:.18em 0!important}
.loba-pausz-break p{color:#fff8ed!important;font:400 .98rem/1.6 Montserrat,Arial,sans-serif!important;margin:0!important}
@media(max-width:760px){
 .loba-duo-head{display:block;min-height:0;background:#090607}
 .loba-duo-head:after{background:linear-gradient(180deg,transparent 40%,rgba(9,6,7,.96) 70%,#090607 100%)}
 .loba-duo-head>img{display:block;min-height:0;aspect-ratio:1.2/1;object-position:center center}
 .loba-duo-head>div{margin:-92px 0 0;padding:24px 20px 30px}
 .loba-duo-head h2{font-size:2.45rem!important}
 .loba-tools{border-radius:0;padding:12px 14px!important}
 .loba-tools button{display:none}
 .loba-grid{gap:18px!important;padding:18px 10px 36px!important}
 .loba-app .loba-card,.loba-app .loba-card>a{min-height:78svh!important}
 .loba-app .loba-card-media{min-height:48svh!important;padding:16px!important}
 .loba-app .loba-card-copy{padding:20px!important}
 .loba-app .loba-card h3{font-size:1.75rem!important}
 .loba-app .loba-card p{font-size:.92rem!important}
 .loba-formula{min-height:42svh!important}
 .loba-formula-visual{min-height:31svh!important;padding-top:34px!important}
 .loba-formula-visual img{max-height:33svh!important}
 .loba-profile .loba-profile-head>.loba-formula{min-height:360px!important}
 .loba-pausz-break{grid-template-columns:1fr 1fr;min-height:250px;border-radius:20px}
 .loba-pausz-break img{min-height:250px}
 .loba-pausz-break>div{padding:20px 16px}
 .loba-pausz-break h3{font-size:1.55rem!important}
 .loba-pausz-break p{font-size:.84rem!important;line-height:1.45!important}
}

/* 0.4.2 – compact Pausz accordions, formula fit and brighter widget */
.loba-accordion-list{max-width:1100px;margin:0 auto;padding:20px 14px 38px}
.loba-accordion{margin:0 0 12px}
.loba-accordion [hidden],.loba-app [hidden]{display:none!important}
.loba-accordion-panel>.loba-grid{max-width:none!important;padding:16px 0 8px!important}
.loba-pausz-break{position:relative;display:grid!important;grid-template-columns:145px minmax(0,1fr) 48px!important;width:100%;min-height:112px!important;max-height:none!important;margin:0!important;padding:0!important;overflow:hidden;border:1px solid rgba(215,170,67,.62)!important;border-radius:17px!important;background:linear-gradient(120deg,#26090d,#5a101a 58%,#21080c)!important;color:#fff!important;text-align:left;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.22)}
.loba-pausz-break img{display:block;width:100%!important;height:112px!important;min-height:112px!important;max-height:112px!important;object-fit:cover!important;object-position:center 31%;filter:brightness(1.24) saturate(1.05)}
.loba-pausz-copy{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:13px 20px}
.loba-pausz-copy small{color:#e8bd68!important;font:800 .65rem/1.2 Montserrat,Arial,sans-serif!important;letter-spacing:.14em;text-transform:uppercase}
.loba-pausz-copy strong{color:#ffe8bd!important;font:700 clamp(1.3rem,2.3vw,1.85rem)/1.08 Playfair Display,Georgia,serif!important;margin:3px 0}
.loba-pausz-copy em{color:#fff2e6!important;font:400 .82rem/1.4 Montserrat,Arial,sans-serif!important;font-style:normal!important}
.loba-pausz-chevron{display:grid;place-items:center;color:#f0c56f!important;font:700 1.7rem/1 Montserrat,Arial,sans-serif!important;transition:transform .2s ease}
.loba-pausz-break[aria-expanded="true"] .loba-pausz-chevron{transform:rotate(180deg)}
.loba-app .loba-card-media .loba-formula-visual{width:138px!important;height:138px!important;max-width:100%!important;padding:18px!important}
.loba-app .loba-card-media .loba-formula-visual img{max-width:102px!important;max-height:102px!important}
.loba-app .loba-card-media .loba-formula figcaption{padding-left:5px!important;padding-right:5px!important}
.loba-app .loba-card-media .loba-formula-spf-uva-vizallosag .loba-formula-visual strong{max-width:105px!important;font-size:.78rem!important;line-height:1.13!important;overflow-wrap:anywhere!important}
.loba-app .loba-card-media .loba-formula-spf-uva-vizallosag figcaption b{font-size:.61rem!important}
.loba-app .loba-card-media .loba-formula-spf-uva-vizallosag figcaption span{font-size:.55rem!important}
.loba-widget picture img{filter:brightness(1.42) saturate(1.08)!important}
.loba-widget-shade{background:linear-gradient(90deg,rgba(10,3,4,.74) 0,rgba(28,7,10,.39) 42%,rgba(0,0,0,0) 72%)!important}
@media(max-width:760px){
 .loba-accordion-list{padding:12px 10px 28px}
 .loba-pausz-break{grid-template-columns:94px minmax(0,1fr) 34px!important;min-height:92px!important;border-radius:14px!important}
 .loba-pausz-break img{height:92px!important;min-height:92px!important;max-height:92px!important}
 .loba-pausz-copy{padding:10px 12px}
 .loba-pausz-copy small{font-size:.55rem!important}
 .loba-pausz-copy strong{font-size:1.15rem!important}
 .loba-pausz-copy em{display:none!important}
 .loba-pausz-chevron{font-size:1.35rem!important}
 .loba-accordion-panel>.loba-grid{padding:12px 0 4px!important}
 .loba-widget picture img{filter:brightness(1.38) saturate(1.06)!important}
}
@media(max-width:430px){.loba-pausz-break{grid-template-columns:44% 56%;min-height:225px}.loba-pausz-break img{min-height:225px}.loba-pausz-break>div{padding:16px 13px}.loba-pausz-break h3{font-size:1.35rem!important}.loba-pausz-break p{font-size:.79rem!important}}

/* 0.4.0 – approved visual plan: Kreppi hero, compact desktop grid, mobile feed */
.loba-app .loba-hero{min-height:clamp(390px,45vw,560px)!important}
.loba-app .loba-hero-copy{max-width:650px!important;padding:34px clamp(24px,5vw,58px)!important}
.loba-app .loba-hero-copy h2{font-size:clamp(2.5rem,5vw,4.6rem)!important}
.loba-values{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:15px clamp(20px,5vw,55px);border-top:1px solid rgba(215,170,67,.32);border-bottom:1px solid rgba(215,170,67,.32);background:#0b0708}
.loba-values span{display:flex;align-items:center;justify-content:center;gap:9px;color:#f5dfb8!important;font:700 .73rem/1.2 Montserrat,Arial,sans-serif!important;letter-spacing:.04em;text-transform:uppercase}
.loba-values b{display:grid;place-items:center;width:33px;height:33px;border:1px solid #d7aa43;border-radius:50%;color:#e7bd65!important;font-size:.95rem}
.loba-tools{position:relative!important;top:auto!important;max-width:1100px!important;margin:18px auto 0!important;border-radius:16px!important}
.loba-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;max-width:1100px!important;padding:22px 14px 45px!important;scroll-snap-type:none!important}
.loba-app .loba-card{min-height:0!important;border-radius:18px!important;background:linear-gradient(155deg,#330b12,#12080a 72%)!important;box-shadow:0 12px 28px rgba(0,0,0,.26)!important}
.loba-app .loba-card>a{display:grid!important;grid-template-columns:42% 58%!important;min-height:270px!important}
.loba-app .loba-card-media{min-height:270px!important;padding:14px!important;background:radial-gradient(circle at 50% 42%,#7b1d29 0,#350b12 46%,#12080a 78%)!important;border-right:1px solid rgba(215,170,67,.22)}
.loba-app .loba-card-copy{padding:20px!important;background:linear-gradient(160deg,rgba(63,13,21,.72),rgba(15,7,9,.96))!important}
.loba-app .loba-card h3{font-size:clamp(1.45rem,2.3vw,2rem)!important;margin:9px 0 7px!important}
.loba-app .loba-card p{font-size:.89rem!important;line-height:1.48!important;margin-bottom:12px!important}
.loba-formula{min-height:0!important;justify-content:center!important;background:transparent!important;color:#fff!important}
.loba-formula-kind{top:0;left:0;border-color:rgba(226,187,100,.7);color:#ffe6b1!important;background:rgba(40,8,13,.88)!important;font-size:.56rem!important}
.loba-formula-visual{position:relative;flex:0 0 auto;align-self:center;width:168px;height:168px;min-height:0!important;padding:20px!important;border:1px solid #d7aa43;border-radius:50%;background:#f7f0e5!important;box-shadow:inset 0 0 25px rgba(136,17,25,.12),0 10px 25px rgba(0,0,0,.28)}
.loba-formula-visual:before,.loba-formula-visual:after{content:"";position:absolute;border:1px solid rgba(136,17,25,.32);border-radius:50%;pointer-events:none}.loba-formula-visual:before{inset:9px}.loba-formula-visual:after{inset:18px;border-color:rgba(191,155,48,.45)}
.loba-formula-visual img{position:relative;z-index:1;width:auto!important;height:auto!important;max-width:128px!important;max-height:128px!important;object-fit:contain!important;mix-blend-mode:multiply}
.loba-formula-visual strong{position:relative;z-index:1;color:#851722!important;font-size:1.35rem!important}
.loba-formula figcaption{padding:10px 2px 0!important}
.loba-formula figcaption b{color:#f3c96f!important;font-size:.76rem!important}
.loba-formula figcaption span{color:#fff3df!important;font-size:.67rem!important}
.loba-pausz-break{grid-column:1/-1;min-height:220px;border-radius:18px}
.loba-pausz-break img{min-height:220px;max-height:220px}
.loba-pausz-break>div{padding:26px 34px}
@media(max-width:760px){
 .loba-app .loba-hero{min-height:500px!important}
 .loba-values{grid-template-columns:repeat(2,1fr);padding:13px 12px}
 .loba-values span{justify-content:flex-start;font-size:.66rem!important}
 .loba-tools{margin-top:0!important;border-radius:0!important}
 .loba-grid{display:flex!important;flex-direction:column!important;gap:16px!important;max-width:620px!important;padding:16px 10px 36px!important;scroll-snap-type:y proximity!important}
 .loba-app .loba-card{min-height:72svh!important;scroll-snap-align:center}
 .loba-app .loba-card>a{display:flex!important;flex-direction:column!important;min-height:72svh!important}
 .loba-app .loba-card-media{flex:1 1 auto!important;min-height:42svh!important;padding:18px!important;border-right:0;border-bottom:1px solid rgba(215,170,67,.25)}
 .loba-app .loba-card-copy{flex:0 0 auto!important;padding:20px!important}
 .loba-formula-visual{width:min(54vw,210px);height:min(54vw,210px);padding:24px!important}
 .loba-formula-visual img{max-width:min(41vw,160px)!important;max-height:min(41vw,160px)!important}
 .loba-formula figcaption b{font-size:.9rem!important}.loba-formula figcaption span{font-size:.76rem!important}
 .loba-pausz-break{grid-column:auto;min-height:250px}
}

/* 0.4.1 – fit fixes, compact profile card, brighter Kreppi visuals */
.loba-app .loba-hero picture img{filter:brightness(1.13) saturate(1.06)}
.loba-app .loba-hero-shade{background:linear-gradient(180deg,rgba(3,2,2,0) 18%,rgba(7,4,4,.10) 47%,rgba(8,4,5,.82) 100%)!important}
.loba-widget picture img{filter:brightness(1.22) saturate(1.06)}
.loba-widget-shade{background:linear-gradient(90deg,rgba(10,3,4,.78) 0,rgba(28,7,10,.54) 50%,rgba(0,0,0,.02) 100%)!important}
.loba-app .loba-card,.loba-app .loba-card>a,.loba-app .loba-card-media,.loba-app .loba-card-copy,.loba-formula{min-width:0!important}
.loba-app .loba-card-media{overflow:hidden!important}
.loba-formula{max-width:100%!important;overflow:hidden!important}
.loba-formula figcaption{width:100%!important;min-width:0!important;overflow:hidden!important}
.loba-formula figcaption b,.loba-formula figcaption span{display:block!important;width:100%!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;text-align:center!important}
.loba-formula figcaption b{font-size:.69rem!important;line-height:1.22!important}
.loba-formula figcaption span{font-size:.61rem!important;line-height:1.25!important}
.loba-profile{width:min(100%,960px)!important;margin:0 auto!important;border-radius:20px!important}
.loba-profile .loba-profile-head{grid-template-columns:minmax(0,1.25fr) 250px!important;gap:22px!important;padding:26px 30px!important;min-height:290px!important}
.loba-profile .loba-profile-intro{min-width:0!important;padding:8px!important}
.loba-profile .loba-profile-head h1{font-size:clamp(2.25rem,4.4vw,3.65rem)!important;overflow-wrap:anywhere}
.loba-profile .loba-profile-head p{font-size:.96rem!important;line-height:1.5!important}
.loba-profile .loba-profile-head>.loba-formula{justify-self:end!important;width:230px!important;max-width:230px!important;min-height:235px!important;padding:10px!important;border:1px solid rgba(215,170,67,.35)!important;border-radius:16px!important;background:rgba(255,255,255,.018)!important;overflow:hidden!important}
.loba-profile .loba-profile-head>.loba-formula .loba-formula-kind{top:8px!important;left:8px!important;max-width:calc(100% - 16px);white-space:normal!important}
.loba-profile .loba-profile-head>.loba-formula .loba-formula-visual{width:145px!important;height:145px!important;padding:18px!important}
.loba-profile .loba-profile-head>.loba-formula .loba-formula-visual img{max-width:108px!important;max-height:108px!important}
.loba-profile-guide{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:155px;margin:16px 28px 0;overflow:hidden;border:1px solid rgba(215,170,67,.38);border-radius:16px;background:linear-gradient(135deg,#2d0a10,#110708)}
.loba-profile-guide picture,.loba-profile-guide img{display:block;width:100%;height:100%;min-height:155px}
.loba-profile-guide img{object-fit:cover;object-position:center 38%;filter:brightness(1.16) saturate(1.04)}
.loba-profile-guide>div{display:flex;flex-direction:column;justify-content:center;padding:19px 24px}
.loba-profile-guide span{color:#e8bd68!important;font:800 .65rem/1.2 Montserrat,Arial,sans-serif!important;letter-spacing:.13em}
.loba-profile-guide h2{color:#ffe8bd!important;font:700 1.55rem/1.1 Playfair Display,Georgia,serif!important;margin:5px 0!important}
.loba-profile-guide p{color:#fff8ed!important;font:400 .88rem/1.5 Montserrat,Arial,sans-serif!important;margin:0!important}
.loba-profile .loba-profile-body{padding:28px!important}
@media(max-width:760px){
 .loba-widget picture img{filter:brightness(1.2) saturate(1.05)}
 .loba-profile{border-radius:16px!important}
 .loba-profile .loba-profile-head{grid-template-columns:1fr!important;min-height:0!important;padding:20px!important}
 .loba-profile .loba-profile-head>.loba-formula{justify-self:center!important;width:min(100%,250px)!important;max-width:250px!important;min-height:245px!important}
 .loba-profile-guide{grid-template-columns:115px minmax(0,1fr);min-height:145px;margin:12px 14px 0}
 .loba-profile-guide picture,.loba-profile-guide img{min-height:145px}
 .loba-profile-guide>div{padding:15px}
 .loba-profile-guide h2{font-size:1.3rem!important}
 .loba-profile-guide p{font-size:.78rem!important;line-height:1.4!important}
 .loba-profile .loba-profile-body{padding:16px!important}
}

/* 0.4.3 – compact selector + bounded swipe feed */
.loba-app .loba-hero{min-height:320px!important;height:320px!important}
.loba-app .loba-hero-copy{padding:24px 42px!important;max-width:610px!important}
.loba-app .loba-hero-copy h2{font-size:clamp(2.35rem,4.6vw,4rem)!important}
.loba-app .loba-hero-copy p{font-size:.96rem!important;line-height:1.48!important}
.loba-feed-selectors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:1100px;margin:0 auto;padding:18px 14px 14px}
.loba-feed-selectors .loba-pausz-break{display:grid!important;grid-template-columns:88px minmax(0,1fr) 26px!important;width:100%!important;height:116px!important;min-height:116px!important;margin:0!important;border-radius:15px!important}
.loba-feed-selectors .loba-pausz-break img{width:88px!important;height:116px!important;min-height:116px!important;max-height:116px!important;object-position:center 28%!important}
.loba-feed-selectors .loba-pausz-copy{padding:10px 9px!important}
.loba-feed-selectors .loba-pausz-copy small{font-size:.49rem!important;letter-spacing:.08em!important}
.loba-feed-selectors .loba-pausz-copy strong{font-size:1.03rem!important;line-height:1.04!important;margin:4px 0!important}
.loba-feed-selectors .loba-pausz-copy em{font-size:.66rem!important;line-height:1.25!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.loba-feed-selectors .loba-pausz-chevron{font-size:1.15rem!important}
.loba-feed-selectors .loba-pausz-break[aria-pressed="true"]{border-color:#ffe09a!important;box-shadow:0 0 0 2px rgba(215,170,67,.22),0 12px 25px rgba(0,0,0,.25)}
.loba-feed-selectors .loba-pausz-break[aria-pressed="true"] .loba-pausz-chevron{transform:rotate(180deg)}
.loba-feed-viewer{max-width:1100px;margin:0 auto 28px;padding:0 14px}
.loba-feed-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border:1px solid rgba(215,170,67,.42);border-bottom:0;border-radius:15px 15px 0 0;background:#17090b}
.loba-feed-head strong{color:#f6d69c!important;font:700 1.1rem/1.2 Playfair Display,Georgia,serif!important}
.loba-feed-head button{border:0;background:transparent;color:#efc875;font:700 .75rem/1 Montserrat,Arial,sans-serif;cursor:pointer}
.loba-feed-foot{display:flex;justify-content:flex-end;padding:7px 14px 8px;border:1px solid rgba(215,170,67,.42);border-top:0;border-radius:0 0 15px 15px;background:#17090b}
.loba-feed-foot span{color:#cfae74!important;font:600 .68rem/1.2 Montserrat,Arial,sans-serif!important;letter-spacing:.08em;text-transform:uppercase}
.loba-feed-track{display:flex!important;grid-template-columns:none!important;gap:14px!important;width:100%;max-width:none!important;height:430px!important;margin:0!important;padding:14px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scrollbar-color:#a56b25 #19090b;border:1px solid rgba(215,170,67,.42);border-radius:0 0 15px 15px;background:#090607}
.loba-feed-track .loba-card{flex:0 0 326px!important;width:326px!important;height:400px!important;min-height:400px!important;scroll-snap-align:start!important}
.loba-feed-track .loba-card>a{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:178px minmax(0,1fr)!important;height:400px!important;min-height:400px!important}
.loba-feed-track .loba-card-media{min-height:178px!important;height:178px!important;padding:9px!important;border-right:0!important;border-bottom:1px solid rgba(215,170,67,.22)!important}
.loba-feed-track .loba-card-copy{min-height:0!important;height:222px!important;padding:14px 16px!important;overflow:hidden!important}
.loba-feed-track .loba-card h3{font-size:1.42rem!important;line-height:1.05!important;margin:6px 0!important}
.loba-feed-track .loba-card p{display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:.79rem!important;line-height:1.38!important;margin:0 0 8px!important}
.loba-feed-track .loba-badge{font-size:.55rem!important;padding:3px 7px!important}
.loba-feed-track .loba-card-media .loba-formula-visual{width:112px!important;height:112px!important;padding:15px!important}
.loba-feed-track .loba-card-media .loba-formula-visual img{max-width:82px!important;max-height:82px!important}
.loba-feed-track .loba-formula figcaption{padding-top:5px!important}
.loba-feed-track .loba-formula figcaption b{font-size:.61rem!important}
.loba-feed-track .loba-formula figcaption span{font-size:.54rem!important}
.loba-feed-track .loba-formula-kind{font-size:.48rem!important;padding:5px 7px!important}
.loba-feed-track .loba-formula-spf-uva-vizallosag .loba-formula-visual strong{font-size:.67rem!important;max-width:82px!important}
@media(max-width:760px){
 .loba-app .loba-hero{min-height:410px!important;height:410px!important}
 .loba-app .loba-hero-copy{padding:22px 19px!important}
 .loba-app .loba-hero-copy h2{font-size:2.65rem!important}
 .loba-feed-selectors{display:flex!important;gap:10px;overflow-x:auto;padding:12px 10px;scroll-snap-type:x mandatory}
 .loba-feed-selectors .loba-pausz-break{flex:0 0 76vw!important;grid-template-columns:88px minmax(0,1fr) 28px!important;height:102px!important;min-height:102px!important;scroll-snap-align:center}
 .loba-feed-selectors .loba-pausz-break img{height:102px!important;min-height:102px!important;max-height:102px!important}
 .loba-feed-selectors .loba-pausz-copy strong{font-size:1.15rem!important}
 .loba-feed-viewer{margin-bottom:20px;padding:0 10px}
 .loba-feed-track{display:block!important;height:68svh!important;min-height:480px!important;padding:10px!important;overflow-x:hidden!important;overflow-y:auto!important;scroll-snap-type:y mandatory!important}
 .loba-feed-track .loba-card{width:100%!important;height:calc(68svh - 20px)!important;min-height:460px!important;margin:0 0 10px!important;scroll-snap-align:start!important}
 .loba-feed-track .loba-card>a{height:100%!important;min-height:0!important;grid-template-rows:minmax(210px,42%) minmax(0,58%)!important}
 .loba-feed-track .loba-card-media{height:auto!important;min-height:210px!important}
 .loba-feed-track .loba-card-copy{height:auto!important;min-height:0!important;padding:17px!important}
 .loba-feed-track .loba-card h3{font-size:1.55rem!important}
 .loba-feed-track .loba-card p{-webkit-line-clamp:4;font-size:.86rem!important}
 .loba-feed-track .loba-card-media .loba-formula-visual{width:132px!important;height:132px!important}
 .loba-feed-track .loba-card-media .loba-formula-visual img{max-width:96px!important;max-height:96px!important}
}

/* 0.4.4 – direct feed, corrected crop, Pausz on ingredient profiles */
.loba-app .loba-hero picture img{object-position:center 15%!important}
.loba-feed-selectors{display:none!important}
.loba-feed-viewer[hidden]{display:block!important}
.loba-feed-viewer{margin-top:14px!important}
.loba-feed-head{padding:9px 14px!important}
.loba-feed-track{border-radius:0!important}
.loba-feed-track{height:408px!important}
.loba-feed-track .loba-card{height:378px!important;min-height:378px!important}
.loba-feed-track .loba-card>a{height:378px!important;min-height:378px!important;grid-template-rows:164px minmax(0,1fr)!important}
.loba-feed-track .loba-card-media{height:164px!important;min-height:164px!important}
.loba-feed-track .loba-card-copy{height:214px!important}
.loba-profile-pausz{display:grid;grid-template-columns:185px minmax(0,1fr);min-height:140px;margin:14px 24px 0;overflow:hidden;border:1px solid rgba(215,170,67,.42);border-radius:16px;background:linear-gradient(135deg,#4e0e17,#16080a)}
.loba-profile-pausz img{display:block;width:100%;height:140px;object-fit:cover;object-position:center 28%;filter:brightness(1.22) saturate(1.04)}
.loba-profile-pausz>div{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:16px 20px}
.loba-profile-pausz span{color:#e8bd68!important;font:800 .62rem/1.2 Montserrat,Arial,sans-serif!important;letter-spacing:.14em;text-transform:uppercase}
.loba-profile-pausz h2{color:#ffe8bd!important;font:700 1.45rem/1.08 Playfair Display,Georgia,serif!important;margin:4px 0!important}
.loba-profile-pausz p{color:#fff3e6!important;font:400 .83rem/1.42 Montserrat,Arial,sans-serif!important;margin:0!important}
@media(max-width:760px){
 .loba-app .loba-hero picture img{object-position:center top!important}
 .loba-feed-foot{display:none!important}
 .loba-feed-track{border-radius:0 0 15px 15px!important}
 .loba-feed-viewer{padding:0 8px!important}
 .loba-feed-track{height:66svh!important;min-height:0!important;max-height:610px!important;padding:8px!important;scrollbar-width:none!important}
 .loba-feed-track::-webkit-scrollbar{display:none!important}
 .loba-feed-track .loba-card{width:100%!important;height:calc(66svh - 16px)!important;min-height:0!important;max-height:594px!important;margin:0 0 8px!important;scroll-snap-stop:always!important}
 .loba-feed-track .loba-card>a{height:100%!important;min-height:0!important;grid-template-rows:42% 58%!important}
 .loba-feed-track .loba-card-media{height:auto!important;min-height:0!important;padding:8px!important}
 .loba-feed-track .loba-card-copy{height:auto!important;min-height:0!important;padding:13px 15px!important}
 .loba-feed-track .loba-card h3{font-size:1.32rem!important;line-height:1.04!important;margin:5px 0!important}
 .loba-feed-track .loba-card p{font-size:.78rem!important;line-height:1.32!important;-webkit-line-clamp:3!important}
 .loba-feed-track .loba-card-media .loba-formula-visual{width:min(29vw,116px)!important;height:min(29vw,116px)!important;padding:14px!important}
 .loba-feed-track .loba-card-media .loba-formula-visual img{max-width:min(21vw,84px)!important;max-height:min(21vw,84px)!important}
 .loba-feed-track .loba-formula figcaption b{font-size:.6rem!important}
 .loba-feed-track .loba-formula figcaption span{font-size:.52rem!important}
 .loba-profile-pausz{grid-template-columns:105px minmax(0,1fr);min-height:118px;margin:10px 12px 0}
 .loba-profile-pausz img{height:118px}
 .loba-profile-pausz>div{padding:12px}
 .loba-profile-pausz h2{font-size:1.16rem!important}
 .loba-profile-pausz p{font-size:.73rem!important;line-height:1.35!important}
}

/* 0.4.5 – ingredient header formula as an integrated scientific medallion */
.loba-profile .loba-profile-head{grid-template-columns:minmax(0,1fr) 205px!important;min-height:225px!important;padding:22px 32px!important;align-items:center!important}
.loba-profile .loba-profile-head>.loba-formula{display:flex!important;width:205px!important;max-width:205px!important;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;align-items:center!important}
.loba-profile .loba-profile-head>.loba-formula .loba-formula-kind{position:relative!important;top:auto!important;left:auto!important;align-self:center!important;max-width:190px!important;margin:0 0 -7px!important;padding:5px 9px!important;background:#2a090e!important}
.loba-profile .loba-profile-head>.loba-formula .loba-formula-visual{width:136px!important;height:136px!important;padding:17px!important;box-shadow:inset 0 0 22px rgba(136,17,25,.11),0 8px 22px rgba(0,0,0,.25)!important}
.loba-profile .loba-profile-head>.loba-formula .loba-formula-visual{overflow:hidden!important}
.loba-profile .loba-profile-head>.loba-formula .loba-formula-visual img{display:block!important;max-width:88px!important;max-height:88px!important;margin:auto!important;transform:translateY(-5px)!important;transform-origin:center center!important}
.loba-profile .loba-profile-head>.loba-formula figcaption{padding-top:7px!important;overflow:visible!important}
.loba-profile .loba-profile-head>.loba-formula figcaption b{font-size:.67rem!important}
.loba-profile .loba-profile-head>.loba-formula figcaption span{font-size:.57rem!important}
.loba-profile .loba-profile-head h1{font-size:clamp(2.25rem,4vw,3.45rem)!important}
@media(max-width:760px){
 .loba-profile .loba-profile-head{grid-template-columns:1fr!important;gap:12px!important;padding:18px!important}
 .loba-profile .loba-profile-head>.loba-formula{display:grid!important;grid-template-columns:94px minmax(0,1fr)!important;grid-template-areas:"visual kind" "visual caption"!important;column-gap:13px!important;width:min(100%,330px)!important;max-width:330px!important;min-height:108px!important;padding:8px 10px!important;border-top:1px solid rgba(215,170,67,.35)!important;border-bottom:1px solid rgba(215,170,67,.35)!important}
 .loba-profile .loba-profile-head>.loba-formula .loba-formula-kind{grid-area:kind!important;align-self:end!important;justify-self:start!important;margin:0 0 4px!important;font-size:.5rem!important}
 .loba-profile .loba-profile-head>.loba-formula .loba-formula-visual{grid-area:visual!important;width:92px!important;height:92px!important;padding:13px!important}
 .loba-profile .loba-profile-head>.loba-formula .loba-formula-visual img{max-width:61px!important;max-height:61px!important;transform:translateY(-3px)!important}
 .loba-profile .loba-profile-head>.loba-formula figcaption{grid-area:caption!important;align-items:flex-start!important;padding:0!important;text-align:left!important}
 .loba-profile .loba-profile-head>.loba-formula figcaption b,.loba-profile .loba-profile-head>.loba-formula figcaption span{text-align:left!important}
}

/* 0.4.7 – precise concept labels and balanced mobile feed cards */
.loba-spf-equation{display:flex!important;flex-direction:column;align-items:center;gap:3px;color:#851722!important;font-size:.8rem!important;line-height:1!important}
.loba-spf-fraction{display:flex;flex-direction:column;align-items:stretch;font-size:.72rem;line-height:1.05}
.loba-spf-fraction b{display:block;padding:2px 3px;font-weight:800}
.loba-spf-fraction b:first-child{border-bottom:1px solid #851722}
.loba-spf-fraction sub{font-size:.66em;vertical-align:baseline}
.loba-spf-equation{width:76px!important;max-width:76px!important;font-size:.69rem!important}
.loba-spf-fraction{width:72px!important;max-width:72px!important;font-size:.58rem!important}
.loba-polymer-equation{display:flex!important;width:82px!important;max-width:82px!important;flex-direction:column;align-items:center;color:#851722!important;font-size:.78rem!important;line-height:1.02!important;white-space:nowrap!important;text-align:center!important}
.loba-feed-track .loba-formula-visual{overflow:hidden!important}
.loba-feed-track .loba-card-copy{justify-content:flex-start!important}
.loba-feed-track .loba-card-cta{margin-top:8px!important}
@media(max-width:760px){
 .loba-feed-track{--loba-mobile-feed-height:clamp(430px,62svh,540px);height:var(--loba-mobile-feed-height)!important;max-height:none!important}
 .loba-feed-track .loba-card{height:calc(var(--loba-mobile-feed-height) - 16px)!important;max-height:none!important}
 .loba-feed-track .loba-card>a{grid-template-rows:48% 52%!important}
 .loba-feed-track .loba-card-media{overflow:hidden!important}
 .loba-feed-track .loba-formula{height:100%!important;justify-content:center!important;padding:4px 0!important}
 .loba-feed-track .loba-formula-kind{position:relative!important;top:auto!important;left:auto!important;align-self:flex-start!important;margin-bottom:3px!important}
 .loba-feed-track .loba-card-media .loba-formula-visual{width:min(27vw,108px)!important;height:min(27vw,108px)!important;padding:13px!important}
 .loba-feed-track .loba-card-media .loba-formula-visual img{max-width:min(19vw,76px)!important;max-height:min(19vw,76px)!important}
 .loba-feed-track .loba-formula figcaption{flex:0 0 auto!important;padding:4px 6px 0!important;overflow:visible!important}
 .loba-feed-track .loba-formula figcaption b{font-size:.61rem!important;line-height:1.15!important}
 .loba-feed-track .loba-formula figcaption span{font-size:.53rem!important;line-height:1.15!important}
 .loba-feed-track .loba-card-copy{padding:12px 15px!important}
 .loba-feed-track .loba-card-cta{margin-top:7px!important}
 .loba-feed-track .loba-spf-equation{width:68px!important;max-width:68px!important;font-size:.62rem!important}
 .loba-feed-track .loba-spf-fraction{width:64px!important;max-width:64px!important;font-size:.52rem!important}
 .loba-feed-track .loba-polymer-equation{width:72px!important;max-width:72px!important;font-size:.68rem!important}
}

/* 0.4.9 – contained hyaluron notation and uniformly compact feed cards */
.loba-formula-visual .loba-polymer-equation{
 width:68px!important;
 max-width:68px!important;
 font-size:.62rem!important;
 line-height:1.02!important;
 letter-spacing:-.025em!important;
 white-space:nowrap!important;
 transform:none!important;
}
.loba-feed-track{height:378px!important}
.loba-feed-track .loba-card,
.loba-feed-track .loba-card>a{height:348px!important;min-height:348px!important}
.loba-feed-track .loba-card>a{grid-template-rows:156px 192px!important}
.loba-feed-track .loba-card-media{height:156px!important;min-height:156px!important}
.loba-feed-track .loba-card-copy{height:192px!important;padding:12px 16px 10px!important}
.loba-feed-track .loba-card-cta{margin-top:7px!important;margin-bottom:0!important}
@media(max-width:760px){
 .loba-feed-track{--loba-mobile-feed-height:clamp(390px,56svh,470px);height:var(--loba-mobile-feed-height)!important}
 .loba-feed-track .loba-card{height:calc(var(--loba-mobile-feed-height) - 16px)!important;min-height:0!important}
 .loba-feed-track .loba-card>a{height:100%!important;min-height:0!important;grid-template-rows:49% 51%!important}
 .loba-feed-track .loba-card-media,.loba-feed-track .loba-card-copy{height:auto!important;min-height:0!important}
 .loba-feed-track .loba-card-copy{padding:10px 14px 8px!important}
 .loba-feed-track .loba-card h3{margin:3px 0 4px!important}
 .loba-feed-track .loba-card p{margin:0!important;line-height:1.27!important}
 .loba-feed-track .loba-card-cta{margin-top:6px!important;margin-bottom:0!important}
 .loba-feed-track .loba-formula-visual .loba-polymer-equation{width:62px!important;max-width:62px!important;font-size:.56rem!important}
}

/* 0.4.10 – restore the complete formula caption; remove space below the CTA */
.loba-feed-track{height:374px!important}
.loba-feed-track .loba-card,
.loba-feed-track .loba-card>a{height:344px!important;min-height:344px!important}
.loba-feed-track .loba-card>a{grid-template-rows:178px 166px!important}
.loba-feed-track .loba-card-media{height:178px!important;min-height:178px!important;padding:8px!important}
.loba-feed-track .loba-formula{height:100%!important;padding:2px 0!important}
.loba-feed-track .loba-formula figcaption{overflow:visible!important;padding-top:4px!important}
.loba-feed-track .loba-card-copy{
 height:166px!important;
 min-height:166px!important;
 padding:9px 16px!important;
 justify-content:center!important;
}
.loba-feed-track .loba-card h3{font-size:1.28rem!important;line-height:1.02!important;margin:3px 0 5px!important}
.loba-feed-track .loba-card p{font-size:.76rem!important;line-height:1.28!important;margin:0!important}
.loba-feed-track .loba-card-cta{margin:6px 0 0!important;font-size:.84rem!important}
@media(max-width:760px){
 .loba-feed-track .loba-card>a{grid-template-rows:52% 48%!important}
 .loba-feed-track .loba-card-media{height:auto!important;min-height:0!important}
 .loba-feed-track .loba-card-copy{height:auto!important;min-height:0!important;padding:8px 14px!important;justify-content:center!important}
 .loba-feed-track .loba-card h3{font-size:1.24rem!important}
 .loba-feed-track .loba-card p{font-size:.75rem!important}
}

/* 0.4.12 – final filter and swipe-hint placement */
.loba-app .loba-tools button[data-loba-clear]{
 width:auto!important;
 min-width:0!important;
 min-height:0!important;
 flex:0 0 auto!important;
 padding:7px 11px!important;
 border-radius:999px!important;
 font-size:.68rem!important;
 line-height:1!important;
 letter-spacing:.02em!important;
 white-space:nowrap!important;
}
.loba-app .loba-feed-head{border-radius:15px 15px 0 0!important}
.loba-app .loba-feed-track{border-radius:0!important}
.loba-app .loba-feed-foot{display:flex!important;justify-content:flex-end!important}
@media(max-width:760px){
 .loba-app .loba-feed-head,
 .loba-app .loba-feed-foot{display:none!important}
 .loba-app .loba-feed-viewer{margin-top:10px!important}
 .loba-app .loba-feed-track{border-radius:15px!important}
}

/* 0.4.13 – compact atlas header; search becomes the immediate entry point */
.loba-app .loba-hero{min-height:205px!important;height:205px!important;align-items:flex-end!important}
.loba-app .loba-hero-copy{max-width:590px!important;padding:20px 40px!important}
.loba-app .loba-hero-copy span{font-size:.62rem!important}
.loba-app .loba-hero-copy h2{font-size:clamp(2.35rem,4vw,3.25rem)!important;line-height:1!important;margin:.08em 0 .14em!important}
.loba-app .loba-hero-copy p{max-width:570px!important;font-size:.88rem!important;line-height:1.4!important}
.loba-app .loba-hero-shade{background:linear-gradient(90deg,rgba(8,4,5,.86) 0%,rgba(8,4,5,.58) 47%,rgba(8,4,5,.08) 78%),linear-gradient(180deg,rgba(3,2,2,.03),rgba(8,4,5,.72))!important}
.loba-app .loba-tools{margin-top:0!important;padding:12px 16px!important;border-radius:0 0 18px 18px!important}
.loba-app .loba-tools label span{margin-bottom:6px!important;font-size:.9rem!important}
.loba-app .loba-tools input{padding:12px 16px!important}
@media(max-width:760px){.loba-app .loba-hero{min-height:175px!important;height:175px!important}.loba-app .loba-hero-copy{max-width:72%!important;padding:15px 16px!important}.loba-app .loba-hero-copy span{font-size:.52rem!important}.loba-app .loba-hero-copy h2{font-size:2rem!important;line-height:1!important}.loba-app .loba-hero-copy p{font-size:.72rem!important;line-height:1.34!important}.loba-app .loba-hero picture img{object-position:center top!important}.loba-app .loba-tools{padding:10px 12px!important;gap:9px!important}.loba-app .loba-tools label span{font-size:.82rem!important}.loba-app .loba-tools input{padding:11px 14px!important;font-size:.9rem!important}}

/* 0.4.14 – cinematic compact hero with the explanatory copy beside the search */
.loba-app .loba-hero{min-height:245px!important;height:245px!important;align-items:center!important}
.loba-app .loba-hero picture img{object-position:center 18%!important;filter:brightness(1.08) saturate(1.05)!important}
.loba-app .loba-hero-shade{background:linear-gradient(90deg,rgba(7,3,4,.96) 0%,rgba(23,5,8,.8) 34%,rgba(8,4,5,.22) 61%,rgba(8,4,5,.04) 100%),linear-gradient(180deg,rgba(3,2,2,.02),rgba(8,4,5,.46))!important}
.loba-app .loba-hero-copy{max-width:52%!important;padding:22px 40px!important}
.loba-app .loba-hero-copy h2{font-size:clamp(2.65rem,4.8vw,4rem)!important;line-height:.98!important;margin:.1em 0!important}
.loba-app .loba-tools{max-width:820px!important;align-items:flex-end!important}
.loba-tools-intro{display:block!important;max-width:650px;margin:-1px 0 9px;color:#d9c8bc!important;font-size:.76rem!important;font-weight:400!important;line-height:1.38!important}
@media(max-width:760px){.loba-app .loba-hero{min-height:190px!important;height:190px!important;align-items:flex-end!important}.loba-app .loba-hero picture img{object-position:62% top!important}.loba-app .loba-hero-shade{background:linear-gradient(90deg,rgba(7,3,4,.95) 0%,rgba(23,5,8,.73) 52%,rgba(8,4,5,.12) 82%),linear-gradient(180deg,rgba(3,2,2,0),rgba(8,4,5,.56))!important}.loba-app .loba-hero-copy{max-width:72%!important;padding:17px 16px!important}.loba-app .loba-hero-copy span{font-size:.56rem!important}.loba-app .loba-hero-copy h2{font-size:2.25rem!important;line-height:1!important}.loba-tools-intro{margin:0 0 8px;font-size:.7rem!important;line-height:1.35!important}}

/* 0.4.15 – mobile hero keeps Kreppi's complete head in frame. */
@media(max-width:760px){.loba-app .loba-hero{min-height:285px!important;height:285px!important}.loba-app .loba-hero picture img{object-position:62% 24%!important}.loba-app .loba-hero-copy{max-width:67%!important}}
@media(max-width:430px){.loba-app .loba-hero{min-height:270px!important;height:270px!important}.loba-app .loba-hero picture img{object-position:64% 22%!important}}

/* 0.4.16 – match the Navigator widget interaction and protect Kreppi on mobile. */
.loba-widget{
 transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.loba-widget:hover picture img{transform:none!important}
@media(hover:hover) and (pointer:fine){
 .loba-widget:hover{
  transform:translateY(-5px);
  border-color:#e0bd54;
  box-shadow:0 27px 58px rgba(38,6,12,.34),0 0 0 1px rgba(224,189,84,.28);
 }
 .loba-widget::after{
  content:'';
  position:absolute;
  z-index:3;
  top:-35%;
  left:-42%;
  width:24%;
  height:170%;
  pointer-events:none;
  opacity:0;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,230,165,.18),transparent);
 }
 .loba-widget:hover::after{
  opacity:1;
  left:122%;
  transition:left .78s ease-out,opacity .16s ease-in;
 }
}
.loba-widget:focus-visible{
 outline:3px solid #e0bd54;
 outline-offset:4px;
 transform:translateY(-3px);
}
.loba-widget:active{transform:translateY(-1px) scale(.995)}
@media(max-width:760px){
 .loba-widget-copy em{max-width:82%}
}
@media(max-width:430px){
 .loba-widget-copy{max-width:80%}
 .loba-widget-copy em{max-width:88%;font-size:.94rem;line-height:1.42}
}
@media(prefers-reduced-motion:reduce){
 .loba-widget{transition:none!important}
 .loba-widget::after{display:none!important}
}
