/*
Theme Name: Broccodile Next
Theme URI: https://www.broccodile.de/
Author: Broccodile
Description: Dark, WooCommerce-ready Broccodile theme.
Version: 1.18.0
Text Domain: broccodile-next
*/

:root{--ink:#06130f;--deep:#081c16;--panel:#0d2720;--panel-2:#12352b;--teal:#19a79d;--green:#18704e;--lime:#bad35b;--paper:#f2f5ef;--muted:#a7b8b0;--line:rgba(255,255,255,.12);--shadow:0 24px 70px rgba(0,0,0,.32);--radius:18px;--wrap:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}body.age-locked{overflow:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input{font:inherit}.wrap{width:min(calc(100% - 40px),var(--wrap));margin-inline:auto}.section{padding:110px 0}.skip-link{position:fixed;left:12px;top:-100px;z-index:9999;background:#fff;color:#000;padding:10px 16px}.skip-link:focus{top:12px}.eyebrow{margin:0 0 14px;color:var(--teal);font-size:.76rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:"Arial Black",Impact,ui-sans-serif,sans-serif;letter-spacing:-.045em;line-height:.98}h1{max-width:780px;font-size:clamp(3.35rem,7.4vw,7.2rem)}h2{font-size:clamp(2.45rem,4.8vw,4.8rem)}h3{font-size:1.55rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border:1px solid var(--teal);border-radius:999px;background:var(--teal);color:#041411;font-weight:850;transition:transform .2s ease,background .2s ease,border-color .2s ease}.button:hover{transform:translateY(-2px);background:#39c1b7;border-color:#39c1b7}.button.secondary{border-color:var(--line);background:transparent;color:var(--paper)}.button.secondary:hover{border-color:rgba(255,255,255,.38);background:rgba(255,255,255,.06)}.button-row{display:flex;flex-wrap:wrap;gap:12px}.text-link{display:inline-flex;gap:12px;align-items:center;color:var(--paper);font-weight:800}.text-link span{color:var(--teal);transition:transform .2s}.text-link:hover span{transform:translateX(5px)}

.announcement{display:flex;justify-content:center;gap:clamp(24px,8vw,100px);padding:9px 20px;border-bottom:1px solid var(--line);background:#04100d;color:#cad8d1;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.site-header{position:sticky;top:0;z-index:100;background:rgba(6,19,15,.88);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.header-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:78px}.brand img,.custom-logo{width:154px;max-height:64px;object-fit:contain;filter:brightness(0) invert(1)}.nav ul{display:flex;align-items:center;gap:27px;margin:0;padding:0;list-style:none}.nav a,.header-action{color:#dbe5e0;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.nav a:hover,.header-action:hover{color:var(--teal)}.header-actions{display:flex;justify-content:flex-end;gap:18px}.cart-count{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:4px;border-radius:999px;background:var(--teal);color:var(--ink);font-size:.7rem}.menu-toggle{display:none;border:0;background:none;color:#fff;font-weight:800}

.brand-pattern{position:relative;overflow:hidden}.brand-pattern:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 30%,rgba(25,167,157,.17),transparent 29%),radial-gradient(circle at 18% 95%,rgba(186,211,91,.06),transparent 24%);pointer-events:none}.hero{min-height:760px;border-bottom:1px solid var(--line)}.hero-grid{position:relative;display:grid;grid-template-columns:1fr .82fr;gap:clamp(45px,7vw,105px);align-items:center;min-height:760px;padding-block:75px}.hero-copy{position:relative;z-index:2}.hero-copy>p:not(.eyebrow){max-width:650px;margin-bottom:30px;color:var(--muted);font-size:1.12rem}.hero-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.hero-facts span{padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:#c6d3cd;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero-visual{position:relative;min-height:590px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,#0a2b22,#0f4e3e 62%,#788a35);box-shadow:var(--shadow);overflow:hidden;isolation:isolate}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(3,13,10,.76));z-index:1}.hero-product{width:100%;height:590px;object-fit:cover;transform:translate(var(--mx,0),var(--my,0)) scale(1.035);transition:transform .35s ease}.hero-logo-art{position:absolute;z-index:2;left:24px;bottom:18px;width:185px;filter:brightness(0) invert(1);opacity:.9}.hero-label{position:absolute;z-index:2;right:18px;top:18px;padding:9px 13px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(4,17,13,.64);backdrop-filter:blur(10px);font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}

.trust-band{border-bottom:1px solid var(--line);background:#071812}.trust{display:grid;grid-template-columns:repeat(4,1fr)}.trust-item{padding:24px 28px;border-left:1px solid var(--line)}.trust-item:last-child{border-right:1px solid var(--line)}.trust-item strong,.trust-item span{display:block}.trust-item strong{font-size:.84rem}.trust-item span{margin-top:3px;color:var(--muted);font-size:.74rem}

.section-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:55px;align-items:end;margin-bottom:44px}.section-head h2{margin-bottom:0}.section-head>p{max-width:520px;margin-bottom:4px;color:var(--muted)}.category-section{background:var(--deep)}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.category-card{display:flex;min-width:0;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow:hidden;transition:transform .25s ease,border-color .25s ease}.category-card:hover{transform:translateY(-6px);border-color:rgba(25,167,157,.55)}.category-image{aspect-ratio:1/.82;overflow:hidden;background:#0b1a16}.category-image img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.category-card:hover img{transform:scale(1.035)}.category-card>div:last-child{padding:25px}.category-card p{margin-bottom:12px;color:var(--teal);font-size:.7rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.category-card h3{margin-bottom:25px;font-size:clamp(1.6rem,2.4vw,2.25rem)}.category-card span{color:#c4d2cc;font-size:.8rem;font-weight:800}

.product-story{background:#071812}.product-story-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(45px,7vw,95px);align-items:center}.product-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.product-gallery img{width:100%;height:230px;object-fit:cover;border:1px solid var(--line);border-radius:14px}.product-gallery .gallery-main{grid-column:1/-1;height:460px}.product-story-copy>p:not(.eyebrow){color:var(--muted);font-size:1.05rem}.feature-list{margin:35px 0;padding:0;border-top:1px solid var(--line);list-style:none}.feature-list li{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.feature-list strong{font-size:.9rem}.feature-list span{color:var(--muted);font-size:.85rem}

.shop-section{background:var(--deep)}.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:18px;margin:0!important}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none}.woocommerce ul.products li.product{float:none!important;width:auto!important;margin:0!important;padding:0 0 22px!important;border:1px solid var(--line);border-radius:14px;background:var(--panel);overflow:hidden}.woocommerce ul.products li.product a img{aspect-ratio:1;object-fit:cover;margin:0 0 20px!important;background:#fff}.woocommerce ul.products li.product .woocommerce-loop-product__title,.woocommerce ul.products li.product .price,.woocommerce ul.products li.product .button{margin-inline:18px}.woocommerce ul.products li.product .woocommerce-loop-product__title{color:var(--paper);font-family:inherit;font-size:.92rem!important;font-weight:800;letter-spacing:0;line-height:1.3}.woocommerce ul.products li.product .price{color:var(--teal)!important;font-weight:850}.woocommerce ul.products li.product .button{min-height:42px;margin-top:12px!important;padding:0 15px!important;border:0!important;background:var(--teal)!important;color:var(--ink)!important;font-size:.78rem}.woocommerce span.onsale{top:10px!important;left:10px!important;min-height:auto!important;padding:6px 9px!important;border-radius:999px!important;background:var(--teal)!important;color:var(--ink)!important;font-size:.68rem!important;line-height:1!important}

.brand-statement{position:relative;overflow:hidden;border-block:1px solid var(--line);background:linear-gradient(115deg,#0a2e24,#0e4b3c 62%,#697b32)}.brand-statement:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.13),transparent 25%)}.brand-statement-inner{position:relative;z-index:1;display:grid;grid-template-columns:260px 1fr;gap:70px;align-items:center;min-height:400px;padding-block:55px}.brand-statement img{width:250px;filter:brightness(0) invert(1)}.brand-statement p{margin-bottom:12px;color:#dbeae3;font-size:.78rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.brand-statement h2{margin:0;font-size:clamp(3rem,6.2vw,6.4rem)}

.story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(50px,8vw,110px);align-items:start}.story-intro{position:sticky;top:120px}.story-intro>p:not(.eyebrow){max-width:480px;color:var(--muted);font-size:1.04rem}.story-intro .button{margin-top:18px}.story-list{border-top:1px solid var(--line)}.story-point{display:grid;grid-template-columns:58px 1fr;gap:18px;padding:28px 0;border-bottom:1px solid var(--line)}.story-point>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(25,167,157,.48);border-radius:50%;color:var(--teal);font-size:.73rem;font-weight:900}.story-point h3{margin-bottom:8px;font-family:inherit;font-size:1.05rem;letter-spacing:0}.story-point p{margin:0;color:var(--muted);font-size:.9rem}

.reviews,.reviews-section{background:var(--panel)!important}.review-grid,.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review,.review-card{padding:28px;border:1px solid var(--line);border-radius:14px;background:var(--deep);color:var(--paper)}.review p,.review-card p{color:#c4d1cb}.newsletter{display:grid;grid-template-columns:1fr .9fr;gap:55px;align-items:center;padding:55px;border:1px solid rgba(25,167,157,.4);border-radius:22px;background:linear-gradient(135deg,#0e3026,#0c4438)}.newsletter h2{margin-bottom:12px;font-size:clamp(2.4rem,4vw,4rem)}.newsletter p{margin-bottom:0;color:#bdd0c8}.newsletter-form{display:flex}.newsletter-form input{min-width:0;flex:1;height:54px;padding:0 18px;border:1px solid rgba(255,255,255,.23);border-radius:999px 0 0 999px;background:rgba(4,17,13,.55);color:white;outline:0}.newsletter-form input:focus{border-color:var(--teal)}.newsletter-form button{padding:0 22px;border:0;border-radius:0 999px 999px 0;background:var(--teal);color:var(--ink);font-weight:850}

.site-footer{padding:72px 0 24px;border-top:1px solid var(--line);background:#030c09;color:var(--muted)}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:70px}.footer-title{margin-bottom:18px;color:var(--paper);font-weight:900}.site-footer ul{margin:0;padding:0;list-style:none}.site-footer li{margin:8px 0}.site-footer a:hover{color:var(--teal)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:60px;padding-top:22px;border-top:1px solid var(--line);font-size:.75rem}.brocco-helper{position:fixed;right:20px;bottom:20px;z-index:80;display:flex;align-items:center;gap:10px;padding:9px 15px 9px 9px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(8,31,24,.94);box-shadow:0 10px 35px rgba(0,0,0,.36);backdrop-filter:blur(10px)}.brocco-helper img{width:40px;height:40px;object-fit:contain;filter:brightness(0) invert(1)}.brocco-helper span{font-size:.7rem}.brocco-helper strong{display:block;color:var(--teal)}

/* Stronger brand light and restrained smoke atmosphere. */
body{background:radial-gradient(circle at 88% 8%,rgba(25,167,157,.15),transparent 28%),radial-gradient(circle at 7% 47%,rgba(24,112,78,.18),transparent 30%),linear-gradient(135deg,#04100d 0%,#071c17 50%,#082724 100%);background-attachment:fixed}.category-section{background:linear-gradient(135deg,#071812 0%,#0a2821 58%,#09312e 100%)}.product-story{background:linear-gradient(120deg,#051510 0%,#09251e 52%,#0a3834 100%)}.shop-section{background:linear-gradient(145deg,#081b16 0%,#0c2d25 60%,#082e2d 100%)}.trust-band{background:linear-gradient(90deg,#061611,#0b2a22 50%,#08302e)}.reviews,.reviews-section{background:linear-gradient(125deg,#0b241d,#0c3028 60%,#093532)!important}.site-footer{background:linear-gradient(120deg,#020907,#061510 64%,#082320)}
.brand-pattern:before{background:radial-gradient(circle at 76% 25%,rgba(25,167,157,.3),transparent 31%),radial-gradient(circle at 12% 88%,rgba(24,112,78,.2),transparent 30%),linear-gradient(120deg,rgba(3,14,10,.15),rgba(12,58,49,.14))}.hero-grid{z-index:2}.smoke-field{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.smoke-field span{position:absolute;display:block;width:460px;height:210px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(112,225,212,.16) 0%,rgba(45,150,133,.08) 36%,transparent 72%);filter:blur(22px);opacity:.7;animation:smoke-drift 16s ease-in-out infinite alternate}.smoke-field span:nth-child(1){right:8%;top:10%;transform:rotate(-13deg)}.smoke-field span:nth-child(2){right:30%;top:48%;width:570px;height:180px;animation-delay:-7s;animation-duration:20s}.smoke-field span:nth-child(3){left:-8%;bottom:4%;width:430px;height:160px;animation-delay:-12s;animation-duration:23s}.statement-smoke{position:absolute;z-index:0;right:-5%;top:-35%;width:62%;height:165%;background:radial-gradient(ellipse at center,rgba(165,236,222,.2),rgba(25,167,157,.08) 38%,transparent 70%);filter:blur(24px);animation:smoke-pulse 11s ease-in-out infinite alternate;pointer-events:none}.brand-statement:after{z-index:0}.brand-statement-inner{z-index:2}
.brand img,.custom-logo,.hero-logo-art,.brand-statement img,.brocco-helper img,.age-logo{filter:brightness(1.58) saturate(1.18) drop-shadow(0 0 14px rgba(25,167,157,.22))}.brand img{width:142px;max-height:68px}.hero-logo-art{width:172px;opacity:1}.brand-statement img{width:235px}.brocco-helper img{width:40px;height:40px}.age-logo{width:180px}.brand-statement p{color:#bce8e0}
@keyframes smoke-drift{0%{translate:-22px 18px;scale:.92;opacity:.35}50%{translate:28px -16px;scale:1.08;opacity:.72}100%{translate:68px 8px;scale:1;opacity:.45}}@keyframes smoke-pulse{from{translate:-30px 18px;scale:.88;opacity:.38}to{translate:28px -20px;scale:1.08;opacity:.78}}
.reviews-track{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review-item{padding:28px;border:1px solid var(--line);border-radius:14px;background:var(--deep);color:var(--paper)}.review-item p{color:#c4d1cb}@media(max-width:980px){.reviews-track{grid-template-columns:1fr}}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.hero-product{transform:none}}

@media(max-width:980px){.announcement span:first-child{display:none}.header-inner{grid-template-columns:1fr auto 1fr}.menu-toggle{display:block;justify-self:start}.nav{position:absolute;left:20px;right:20px;top:70px;display:none;padding:20px;border:1px solid var(--line);border-radius:12px;background:#081914}.nav.is-open{display:block}.nav ul{align-items:flex-start;flex-direction:column}.account{display:none}.hero,.hero-grid{min-height:auto}.hero-grid{grid-template-columns:1fr;padding-block:70px}.hero-visual{min-height:520px}.hero-product{height:520px}.trust{grid-template-columns:repeat(2,1fr)}.trust-item:nth-child(3){border-top:1px solid var(--line)}.trust-item:nth-child(4){border-top:1px solid var(--line);border-right:1px solid var(--line)}.category-grid{grid-template-columns:repeat(2,1fr)}.category-card:last-child{grid-column:1/-1}.product-story-grid,.story-grid{grid-template-columns:1fr}.story-intro{position:static}.woocommerce ul.products{grid-template-columns:repeat(2,1fr)}.brand-statement-inner{grid-template-columns:180px 1fr}.brand-statement img{width:180px}.newsletter{grid-template-columns:1fr}.footer-grid{gap:35px}.review-grid,.reviews-grid{grid-template-columns:1fr}}
@media(max-width:640px){.wrap{width:min(calc(100% - 28px),var(--wrap))}.section{padding:78px 0}.announcement{justify-content:center}.announcement span:nth-child(3){display:none}.header-actions .header-action{font-size:0}.header-actions .header-action:before{content:"Cart";font-size:.75rem}.brand img,.custom-logo{width:128px}.hero-grid{gap:35px;padding-block:50px}.hero-copy{text-align:center}.hero-copy h1{font-size:clamp(3rem,15vw,4.4rem)}.hero-copy>p:not(.eyebrow){font-size:1rem}.button-row,.hero-facts{justify-content:center}.hero-visual{min-height:430px;border-radius:18px}.hero-product{height:430px}.hero-logo-art{width:140px}.hero-label{font-size:.58rem}.trust{grid-template-columns:1fr}.trust-item,.trust-item:nth-child(2){border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.trust-item:nth-child(3){border-top:0}.section-head{grid-template-columns:1fr;gap:20px}.category-grid{grid-template-columns:1fr}.category-card:last-child{grid-column:auto}.category-image{aspect-ratio:1/.78}.product-gallery .gallery-main{height:340px}.product-gallery img{height:160px}.feature-list li{grid-template-columns:1fr;gap:4px}.woocommerce ul.products{grid-template-columns:1fr}.brand-statement-inner{grid-template-columns:1fr;gap:15px;text-align:center}.brand-statement img{width:150px;margin-inline:auto}.brand-statement h2{font-size:clamp(2.8rem,14vw,4.4rem)}.newsletter{padding:34px 24px}.newsletter-form{flex-direction:column;gap:9px}.newsletter-form input,.newsletter-form button{height:52px;border-radius:999px}.footer-grid{grid-template-columns:1fr}.footer-bottom{align-items:flex-start;flex-direction:column}.brocco-helper span{display:none}.brocco-helper{padding:8px}.age-card{padding:32px 22px}}