:root {--color-background:#101310;--color-neutral:#f0f0e4;--color-primary:#d9ed3f;} /* MELTUM native checkout */ #meltum-hops-expanded .meltum-checkout-page{max-width:1440px;margin:auto;padding:40px 38px 64px} #meltum-hops-expanded .meltum-checkout-page h1{font-family:Oswald,sans-serif;font-size:clamp(30px,4vw,48px);line-height:1.15;margin:0 0 32px;color:#f0f0e4} #meltum-hops-expanded .meltum-checkout-page form.checkout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:0 36px;align-items:start} #meltum-hops-expanded .meltum-checkout-page #customer_details{grid-column:1;grid-row:1 / span 3;width:100%;float:none} #meltum-hops-expanded .meltum-checkout-page .col-1,#meltum-hops-expanded .meltum-checkout-page .col-2{float:none;width:100%;margin-bottom:24px} #meltum-hops-expanded .meltum-checkout-page #order_review_heading,#meltum-hops-expanded .meltum-checkout-page #order_review{grid-column:2} #meltum-hops-expanded .meltum-checkout-page h3{font-family:Oswald,sans-serif;font-size:26px;line-height:1.25;color:#f0f0e4;margin:0 0 20px} #meltum-hops-expanded .meltum-checkout-page label{color:#f0f0e4;font-size:15px;line-height:1.5} #meltum-hops-expanded .meltum-checkout-page .input-text,#meltum-hops-expanded .meltum-checkout-page select,#meltum-hops-expanded .meltum-checkout-page .select2-selection{background:#f0f0e4;color:#101310;border:1px solid #777;border-radius:0;min-height:46px;width:100%;padding:10px 12px;font-size:16px;box-sizing:border-box} #meltum-hops-expanded .meltum-checkout-page .select2-selection__rendered{color:#101310;line-height:24px;padding:0} #meltum-hops-expanded .meltum-checkout-page .form-row{margin-bottom:16px} #meltum-hops-expanded .meltum-checkout-page #order_review{background:#f0f0e4;color:#101310;padding:24px;min-width:0} #meltum-hops-expanded .meltum-checkout-page #order_review table{width:100%;border-collapse:collapse;color:#101310;background:transparent} #meltum-hops-expanded .meltum-checkout-page #order_review th,#meltum-hops-expanded .meltum-checkout-page #order_review td{color:#101310;padding:12px 6px;border-bottom:1px solid #10131033;overflow-wrap:anywhere} #meltum-hops-expanded .meltum-checkout-page #payment{background:transparent;color:#101310;border-radius:0;margin-top:20px} #meltum-hops-expanded .meltum-checkout-page #order_review label,#meltum-hops-expanded .meltum-checkout-page #order_review p,#meltum-hops-expanded .meltum-checkout-page #order_review a{color:#101310} #meltum-hops-expanded .meltum-checkout-page #payment .payment_box{background:#e2e2d6;color:#101310} #meltum-hops-expanded .meltum-checkout-page #payment .payment_box:before{border-bottom-color:#e2e2d6} #meltum-hops-expanded .meltum-checkout-page #order_review a{text-decoration:underline} #meltum-hops-expanded .meltum-checkout-page input[type=checkbox],#meltum-hops-expanded .meltum-checkout-page input[type=radio]{accent-color:#101310} #meltum-hops-expanded .meltum-checkout-page #place_order{float:none;width:100%;min-height:48px;background:#d9ed3f;color:#101310;border:1px solid #101310;border-radius:0;font-weight:700;font-size:17px;padding:12px} @media(max-width:767px){#meltum-hops-expanded .meltum-checkout-page{padding:24px 23px 40px}#meltum-hops-expanded .meltum-checkout-page form.checkout{display:block}#meltum-hops-expanded .meltum-checkout-page #order_review{padding:18px}#meltum-hops-expanded .meltum-checkout-page .form-row-first,#meltum-hops-expanded .meltum-checkout-page .form-row-last{width:100%;float:none}} #meltum-hops-expanded {--ink:#101310;--paper:#f0f0e4;--lime:#d9ed3f;--blue:#1297c5;background:var(--ink);color:var(--paper);font-family:Manrope,Arial,sans-serif;overflow:hidden;width:100%} #meltum-hops-expanded * {box-sizing:border-box} #meltum-hops-expanded a {color:inherit;text-decoration:none} #meltum-hops-expanded button {font:inherit} #meltum-hops-expanded h1,#meltum-hops-expanded h2,#meltum-hops-expanded h3,#meltum-hops-expanded p {margin:0} #meltum-hops-expanded .meta {font-size:11px;letter-spacing:1.8px;font-weight:700;text-transform:uppercase;line-height:1.6} #meltum-hops-expanded .header {padding:22px 38px;display:flex;gap:28px;align-items:center;border-bottom:1px solid #f0f0e425;position:relative;z-index:1} #meltum-hops-expanded .brand {display:block;position:relative;width:104px;height:104px;flex:0 0 104px;background:transparent} #meltum-hops-expanded .brand img {width:100%;height:100%;object-fit:contain;display:block} #meltum-hops-expanded .nav {display:flex;gap:24px;margin-left:auto;align-items:center;font-size:12px;font-weight:600} #meltum-hops-expanded .nav a {padding:8px 0} #meltum-hops-expanded .nav .nav-shop {color:var(--lime);border-bottom:1px solid var(--lime)} #meltum-hops-expanded .lang {font-size:11px;margin-left:10px;margin-right:76px;white-space:nowrap} #meltum-hops-expanded .hero {position:relative;padding:36px 38px 40px;min-height:595px;isolation:isolate} #meltum-hops-expanded .hero-back {position:absolute;width:78%;height:100%;object-fit:cover;object-position:left center;right:0;top:0;opacity:.24;z-index:-2;filter:saturate(.8)} #meltum-hops-expanded .hero:before {content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101310 8%,#101310ee 36%,#10131033 77%),linear-gradient(0deg,#101310,transparent 35%)} #meltum-hops-expanded .hero-top {display:flex;justify-content:space-between;gap:18px;color:#c6cabc;padding-bottom:26px} #meltum-hops-expanded .hero-layout {display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10px} #meltum-hops-expanded .hero h1 {font:700 clamp(64px,9vw,108px)/.95 Oswald,'Arial Narrow',Arial,sans-serif;letter-spacing:-3px;position:relative;z-index:2} #meltum-hops-expanded .hero h1 span {color:var(--lime)} #meltum-hops-expanded .hero-copy p {font-size:14px;line-height:1.8;color:#c7ccc0;max-width:330px;margin:26px 0} #meltum-hops-expanded .cta {display:inline-flex;align-items:center;gap:26px;padding:16px 24px;min-height:48px;background:var(--lime);color:var(--ink);font-size:12px;font-weight:800;transform:skew(-5deg)} #meltum-hops-expanded .cta span {transform:skew(5deg)} #meltum-hops-expanded .text-link {display:inline-block;font-size:12px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:5px} #meltum-hops-expanded .hero-copy .text-link {margin:22px 0 0 20px} #meltum-hops-expanded .can-stage {height:400px;position:relative;min-width:0;display:flex;align-items:center;justify-content:center} #meltum-hops-expanded .can-stage:before {content:"";width:245px;height:360px;position:absolute;transform:rotate(20deg);background:var(--lime);clip-path:polygon(16% 0,100% 0,84% 100%,0 100%);opacity:.95} #meltum-hops-expanded .can-stage:after {content:"";position:absolute;width:90%;height:32px;border-radius:50%;bottom:8px;background:#0009;filter:blur(12px);z-index:-1} #meltum-hops-expanded .can-stage img {object-fit:contain;position:absolute;filter:drop-shadow(7px 18px 14px #0008)} #meltum-hops-expanded .can-stage .side-a {height:280px;width:33%;left:0;transform:rotate(-16deg) translateY(27px);z-index:1} #meltum-hops-expanded .can-stage .side-b {height:286px;width:33%;right:0;transform:rotate(16deg) translateY(19px);z-index:1} #meltum-hops-expanded .can-stage .main-can {height:385px;width:43%;z-index:2;transform:rotate(5deg)} #meltum-hops-expanded .seal {position:absolute;right:-5px;top:7px;width:92px;height:92px;border-radius:50%;background:var(--paper);color:var(--ink);z-index:3;display:flex;align-items:center;justify-content:center;text-align:center;font:600 14px/1.2 Oswald,Arial,sans-serif;transform:rotate(12deg);border:5px solid var(--ink);outline:1px solid var(--paper)} #meltum-hops-expanded .hero-base {display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:22px;font-size:11px;color:#b8beae} #meltum-hops-expanded .hero-base .edition {color:var(--lime);letter-spacing:2px} #meltum-hops-expanded .band {padding:19px 28px;display:flex;justify-content:space-around;align-items:center;gap:15px;flex-wrap:wrap;background:var(--lime);color:var(--ink);font:600 22px/1.1 Oswald,Arial,sans-serif;letter-spacing:.5px;transform:rotate(-1.5deg);margin:8px -4px 0} #meltum-hops-expanded .band .dot {font-size:13px} #meltum-hops-expanded .range {padding:62px 38px 42px} #meltum-hops-expanded .section-head {display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:26px} #meltum-hops-expanded .section-head h3 {font:600 44px/1.05 Oswald,Arial,sans-serif;letter-spacing:-1px;margin-top:10px} #meltum-hops-expanded .section-head .meta {color:#bfc6b4} #meltum-hops-expanded .beer-tabs {display:flex;gap:0;border-top:1px solid #f0f0e430;border-bottom:1px solid #f0f0e430;margin-bottom:26px} #meltum-hops-expanded .beer-tabs button {flex:1;min-width:0;border:0;border-bottom:3px solid transparent;background:transparent;color:#c4cbba;padding:17px 8px;font-size:12px;font-weight:700;min-height:48px} #meltum-hops-expanded .beer-tabs button[aria-pressed="true"] {border-bottom-color:var(--beer-accent,#159cca);color:var(--paper);background:#f0f0e408} #meltum-hops-expanded .feature {--beer-accent:#159cca;display:grid;grid-template-columns:1fr 1fr;background:#1b211c;min-height:370px} #meltum-hops-expanded .feature-art {background:var(--beer-accent);position:relative;min-height:370px;display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:hidden} #meltum-hops-expanded .feature-art:before {content:"ХОПС";position:absolute;font:700 clamp(64px,12vw,140px)/1 Oswald,Arial,sans-serif;transform:rotate(-90deg);left:-35px;top:105px;color:#0c231e33;letter-spacing:1px;z-index:-1} #meltum-hops-expanded .feature-art:after {content:"";position:absolute;background:#111613;width:35px;height:150%;transform:rotate(28deg);right:17%;top:-20%;z-index:-1} #meltum-hops-expanded .feature-art img {height:320px;max-width:52%;object-fit:contain;transform:rotate(-8deg);filter:drop-shadow(14px 18px 0 #08181133)} #meltum-hops-expanded .feature-art .can-label {position:absolute;left:22px;bottom:20px;font-size:11px;font-weight:800;color:#101810} #meltum-hops-expanded .feature-copy {padding:32px;display:flex;flex-direction:column;justify-content:center} #meltum-hops-expanded .feature-copy .meta {color:var(--beer-accent)} #meltum-hops-expanded .feature-copy h3 {font:600 58px/1 Oswald,Arial,sans-serif;margin:17px 0;letter-spacing:-1.5px} #meltum-hops-expanded .feature-copy p {color:#c7cdbe;font-size:13px;line-height:1.8;max-width:300px;margin-bottom:22px} #meltum-hops-expanded .feature-copy .cta {background:var(--beer-accent);align-self:start;margin-top:8px} #meltum-hops-expanded .feature-facts {display:flex;gap:22px;font-size:11px;color:#c6ccbf;border-top:1px solid #f0f0e420;padding-top:14px;margin-bottom:12px} #meltum-hops-expanded .specials {padding:10px 38px 46px;display:grid;grid-template-columns:1fr 1fr;gap:20px} #meltum-hops-expanded .special {position:relative;min-height:315px;padding:25px;overflow:hidden;isolation:isolate;color:#10221d;background:#efc550} #meltum-hops-expanded .special.love {background:#92b6aa} #meltum-hops-expanded .special:before {content:"";position:absolute;inset:38px -70px 50px 45%;background:#f7eac04a;transform:rotate(-30deg);z-index:-1} #meltum-hops-expanded .special h3 {font:600 42px/1.1 Oswald,Arial,sans-serif;max-width:55%;letter-spacing:-1px;margin:20px 0 16px} #meltum-hops-expanded .special img {position:absolute;right:10%;top:39px;height:250px;width:30%;object-fit:contain;transform:rotate(12deg);filter:drop-shadow(11px 13px 0 #122a2225)} #meltum-hops-expanded .special.love img {transform:rotate(-9deg)} #meltum-hops-expanded .special p {max-width:52%;font-size:12px;line-height:1.8;margin-bottom:22px} #meltum-hops-expanded .special .meta {font-size:10px;letter-spacing:1.2px} #meltum-hops-expanded .story {display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #f0f0e430;border-bottom:1px solid #f0f0e430;background:#ededdf;color:#171e15} #meltum-hops-expanded .story-art {position:relative;min-height:330px;background:#111612;overflow:hidden;display:flex;align-items:center;justify-content:center} #meltum-hops-expanded .story-art img {width:100%;height:100%;position:absolute;object-fit:cover;object-position:25% center;opacity:.75} #meltum-hops-expanded .story-art:after {content:"";position:absolute;inset:0;background:linear-gradient(0deg,#101310cc,transparent 75%)} #meltum-hops-expanded .story-stamp {position:relative;z-index:1;padding:25px;color:#f0f0e4;text-align:center;align-self:end;line-height:1} #meltum-hops-expanded .story-stamp strong {font:600 58px/1 Oswald,Arial,sans-serif;display:block;margin:10px 0} #meltum-hops-expanded .story-copy {padding:38px} #meltum-hops-expanded .story-copy h3 {font:600 42px/1.12 Oswald,Arial,sans-serif;letter-spacing:-1px;margin:16px 0 22px} #meltum-hops-expanded .story-copy p {font-size:13px;line-height:1.8;max-width:330px;margin-bottom:20px} #meltum-hops-expanded .shop-banner {padding:42px 38px;display:flex;align-items:center;gap:28px;justify-content:space-between;background:#263323} #meltum-hops-expanded .shop-banner h3 {font:600 37px/1.1 Oswald,Arial,sans-serif;margin:10px 0} #meltum-hops-expanded .shop-banner p {color:#cbd3c2;font-size:12px;line-height:1.7} #meltum-hops-expanded .footer {padding:30px 38px;display:flex;gap:28px;justify-content:space-between;align-items:center;font-size:11px;color:#b9c1af} #meltum-hops-expanded .footer-links {display:flex;gap:20px;flex-wrap:wrap} #meltum-hops-expanded .footer .brand {width:92px;height:92px;flex-basis:92px} #meltum-hops-expanded [hidden] {display:none!important} #meltum-hops-expanded .basic-studio {background:radial-gradient(ellipse at 50% 45%,#373025 0%,#191b16 62%);color:#eee4cf;margin:0 0 42px;padding:44px 38px 34px;border-top:1px solid #a7894f75;border-bottom:1px solid #a7894f75} #meltum-hops-expanded .basic-studio-head {display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:27px} #meltum-hops-expanded .basic-studio-head .meta {color:#d5b775} #meltum-hops-expanded .basic-studio-head h3 {font:600 clamp(44px,6vw,64px)/.95 Oswald,Arial,sans-serif;letter-spacing:-2px;margin-top:15px} #meltum-hops-expanded .basic-studio-head p {font:400 22px/1.35 Georgia,serif;max-width:260px;color:#d4c8b1} #meltum-hops-expanded .basic-bottles {display:grid;grid-template-columns:repeat(4,1fr);gap:16px} #meltum-hops-expanded .basic-bottle {display:flex;flex-direction:column;align-items:center;position:relative;min-width:0;padding:14px 5px 19px;background:transparent;border:0;border-bottom:2px solid #eee4cf23;color:#ded5c3;text-align:center} #meltum-hops-expanded .basic-bottle img {width:100%;height:300px;object-fit:contain;display:block;margin-bottom:20px;filter:drop-shadow(9px 15px 10px #0007)} #meltum-hops-expanded .basic-bottle strong {font:500 22px/1.15 Oswald,Arial,sans-serif;display:block;margin-bottom:8px} #meltum-hops-expanded .basic-bottle small {font-size:11px;color:#bfb7a5} #meltum-hops-expanded .basic-bottle[aria-pressed="true"] {border-bottom-color:#d5b775;color:#f1d69b;background:linear-gradient(0deg,#d5b7750c,transparent 60%)} #meltum-hops-expanded .basic-selection {display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:27px} #meltum-hops-expanded .basic-selection strong {font-size:17px;font-weight:700;display:block;margin-bottom:7px} #meltum-hops-expanded .basic-selection p {font-size:12px;line-height:1.7;color:#bfb7a5} #meltum-hops-expanded .basic-studio .cta {background:#d5b775;color:#191c15} @media(max-width:760px) {#meltum-hops-expanded .basic-studio {padding:32px 23px;margin-bottom:32px} #meltum-hops-expanded .basic-studio-head {flex-direction:column;align-items:start;gap:18px} #meltum-hops-expanded .basic-studio-head h3 {font-size:clamp(34px,6.8vw,52px)} #meltum-hops-expanded .basic-studio-head p {font-size:20px;max-width:100%} #meltum-hops-expanded .basic-bottles {grid-template-columns:repeat(2,1fr);gap:20px 12px} #meltum-hops-expanded .basic-bottle img {height:260px} #meltum-hops-expanded .basic-bottle strong {font-size:21px} #meltum-hops-expanded .basic-selection {flex-direction:column;align-items:start;gap:20px}} @media(max-width:760px) { #meltum-hops-expanded .header {padding:23px;gap:20px;flex-wrap:wrap} #meltum-hops-expanded .nav {order:3;width:100%;margin:0;justify-content:space-between;gap:12px} #meltum-hops-expanded .lang {margin-left:auto;margin-right:75px} #meltum-hops-expanded .hero {padding:27px 23px 30px} #meltum-hops-expanded .hero-layout {grid-template-columns:1fr} #meltum-hops-expanded .hero h1 {font-size:clamp(54px,10vw,74px);letter-spacing:-2px} #meltum-hops-expanded .hero-back {width:100%;opacity:.17} #meltum-hops-expanded .hero-top {font-size:10px;flex-wrap:wrap;padding-bottom:24px} #meltum-hops-expanded .hero-copy p {max-width:100%;margin:20px 0} #meltum-hops-expanded .can-stage {height:330px;max-width:430px;width:100%;margin:25px auto 0} #meltum-hops-expanded .can-stage .main-can {height:310px} #meltum-hops-expanded .can-stage .side-a,#meltum-hops-expanded .can-stage .side-b {height:235px} #meltum-hops-expanded .can-stage:before {height:290px;width:190px} #meltum-hops-expanded .seal {width:78px;height:78px;font-size:12px;right:0;top:0} #meltum-hops-expanded .hero-base {font-size:10px;flex-wrap:wrap} #meltum-hops-expanded .band {font-size:16px;gap:12px;padding:17px 16px} #meltum-hops-expanded .band .optional {display:none} #meltum-hops-expanded .range {padding:45px 23px 28px} #meltum-hops-expanded .section-head {align-items:start;flex-direction:column;gap:15px} #meltum-hops-expanded .section-head h3 {font-size:37px} #meltum-hops-expanded .beer-tabs {flex-wrap:wrap} #meltum-hops-expanded .beer-tabs button {flex:1 1 30%;font-size:11px;padding:14px 5px} #meltum-hops-expanded .feature {grid-template-columns:1fr} #meltum-hops-expanded .feature-art {min-height:310px} #meltum-hops-expanded .feature-art img {height:265px} #meltum-hops-expanded .feature-copy {padding:28px} #meltum-hops-expanded .feature-copy h3 {font-size:48px} #meltum-hops-expanded .feature-copy p {max-width:100%} #meltum-hops-expanded .specials {padding:0 23px 35px;grid-template-columns:1fr;gap:16px} #meltum-hops-expanded .special {min-height:300px;padding:23px} #meltum-hops-expanded .special h3 {font-size:37px} #meltum-hops-expanded .special img {height:235px;right:8%} #meltum-hops-expanded .story {grid-template-columns:1fr} #meltum-hops-expanded .story-art {min-height:240px} #meltum-hops-expanded .story-copy {padding:30px 23px} #meltum-hops-expanded .story-copy h3 {font-size:37px} #meltum-hops-expanded .shop-banner {padding:33px 23px;flex-direction:column;align-items:start;gap:22px} #meltum-hops-expanded .shop-banner h3 {font-size:33px} #meltum-hops-expanded .footer {padding:28px 23px;flex-wrap:wrap} } @media(prefers-reduced-motion:no-preference) {#meltum-hops-expanded .beer-tabs button {transition:background .18s,border-color .18s} #meltum-hops-expanded .cta {transition:transform .18s} #meltum-hops-expanded .cta:hover {transform:skew(-5deg) translateY(-2px)}} body{margin:0;background:#101310;color:#f0f0e4;} /* Shared alignment for the homepage panels. */ #meltum-hops-expanded {--meltum-gutter:38px;box-sizing:border-box;} #meltum-hops-expanded > section.range, #meltum-hops-expanded > section.specials {padding-left:var(--meltum-gutter);padding-right:var(--meltum-gutter);} #meltum-hops-expanded > section.basic-studio, #meltum-hops-expanded > section.story, #meltum-hops-expanded > section.shop-banner, #meltum-hops-expanded > section.meltum-project {margin-left:var(--meltum-gutter);margin-right:var(--meltum-gutter);width:auto;} #meltum-hops-expanded > section.basic-studio {padding-left:28px;padding-right:28px;} #meltum-hops-expanded > section.meltum-project {padding:28px;background:#f7f7f3;} #meltum-hops-expanded > section.meltum-project h2 {font-size:26px;} #meltum-hops-expanded > section.meltum-project p {font-size:13px;line-height:1.6;} #meltum-hops-expanded > section.meltum-project .meltum-project-poster {max-width:860px;margin:20px auto 0;} @media(min-width:1100px){#meltum-hops-expanded {--meltum-gutter:60px;}} @media(max-width:760px){ #meltum-hops-expanded {--meltum-gutter:23px;} #meltum-hops-expanded > section.basic-studio, #meltum-hops-expanded > section.meltum-project {padding-left:18px;padding-right:18px;} } /* Project visibility and age confirmation. */ .meltum-eu-strip {box-sizing:border-box;max-width:1440px;margin:auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;color:#172786;font-family:Manrope,sans-serif;flex-wrap:wrap;} .eu-brand-wrap {display:block;width:525px;height:115px;flex:none;overflow:hidden;} .eu-brand-crop {display:block;width:525px;height:115px;background-image:url("https://meltum.eu/newtest/wp-content/uploads/2026/07/Съобщение_проект_Meltum.jpg");background-size:1280px 1040px;background-position:-45px -20px;background-repeat:no-repeat;} .eu-program-wrap {display:block;width:273px;height:77px;overflow:hidden;} .eu-program-crop {display:block;width:390px;height:110px;transform:scale(.7);transform-origin:top left;background-image:url("https://meltum.eu/newtest/wp-content/uploads/2026/07/Съобщение_проект_Meltum.jpg");background-size:1280px 1040px;background-position:-852px -20px;background-repeat:no-repeat;} .eu-project-link {font-size:12px;color:#172786;max-width:240px;} #meltum-hops-expanded .meltum-project {background:white;color:#1e293b;padding:40px 5%;font-family:Manrope,sans-serif;} #meltum-hops-expanded .meltum-project h2 {font:600 30px/1.2 Oswald,sans-serif;margin-bottom:20px;} #meltum-hops-expanded .meltum-project p {font-size:15px;line-height:1.65;margin-bottom:14px;max-width:1100px;} .meltum-project-poster {width:100%;height:auto;display:block;margin:24px auto 0;max-width:1280px;} #meltum-hops-expanded .beer-autoplay-toggle {display:block;margin:12px 0 18px auto;color:#f0f0e4;background:transparent;border:1px solid #778174;padding:8px 14px;font:500 12px Manrope,sans-serif;cursor:pointer;} #meltum-hops-expanded .basic-studio {padding-top:32px;padding-bottom:28px;margin-bottom:28px;} #meltum-hops-expanded .basic-studio-head {margin-bottom:14px;} #meltum-hops-expanded .basic-studio-head h3 {font-size:42px;} #meltum-hops-expanded .basic-studio-head p {font-size:20px;} #meltum-hops-expanded .basic-bottle img {height:230px;margin-bottom:12px;} #meltum-hops-expanded .basic-bottle strong {font-size:23px;} #meltum-hops-expanded .basic-selection {padding-top:16px;} .age-gate-open {overflow:hidden;} #meltum-age-gate {box-sizing:border-box;width:min(92vw,680px);max-height:94dvh;overflow:auto;margin:auto;border:1px solid #d9ed3f;padding:32px;background:#101310;color:#f0f0e4;text-align:center;font-family:Manrope,sans-serif;} #meltum-age-gate::backdrop {background:rgba(0,0,0,.85);backdrop-filter:blur(6px);} #meltum-age-gate:not([open]) {display:none;} #meltum-age-gate .age-eu-notice {background:#fff;padding:10px;margin:-32px -32px 28px;display:flex;justify-content:center;} #meltum-age-gate h2 {font:600 clamp(28px,5vw,42px)/1.15 Oswald,sans-serif;margin:18px 0 24px;} #meltum-age-gate p {line-height:1.6;} #meltum-age-gate .age-kicker {color:#d9ed3f;font-size:13px;letter-spacing:.12em;} #meltum-age-gate .age-actions {display:flex;justify-content:center;gap:16px;margin:26px 0;} #meltum-age-gate button {font:700 15px Manrope,sans-serif;padding:14px 24px;cursor:pointer;border:1px solid #d9ed3f;background:#d9ed3f;color:#101310;} #meltum-age-gate #meltum-age-no {background:transparent;color:#f0f0e4;} #meltum-age-gate button:focus-visible {outline:3px solid white;outline-offset:4px;} #meltum-age-gate .age-note {font-size:12px;color:#adb8a6;} .age-gate-fallback #meltum-age-gate {position:fixed;inset:0;z-index:999999;box-shadow:0 0 0 100vmax #000e;} @media(max-width:760px) { .meltum-eu-strip {padding:10px 12px;gap:10px;justify-content:center;} .eu-brand-wrap {width:300px;height:66px;} .eu-brand-crop {transform:scale(.5714);transform-origin:top left;} .eu-program-wrap {width:175px;height:50px;} .eu-program-crop {transform:scale(.45);} .eu-project-link {max-width:none;text-align:center;font-size:11px;} #meltum-hops-expanded .basic-studio-head h3 {font-size:34px;} #meltum-hops-expanded .basic-bottle img {height:195px;} #meltum-age-gate {padding:24px;} #meltum-age-gate .age-eu-notice {margin:-24px -24px 24px;} } /* Desktop composition: retain the approved proportions on wide displays. */ #meltum-hops-expanded { max-width:1440px; margin-inline:auto; } @media(min-width:1100px) { #meltum-hops-expanded .header { padding:24px 60px; gap:40px; } #meltum-hops-expanded .brand { width:116px; height:116px; flex-basis:116px; } #meltum-hops-expanded .nav { font-size:15px; gap:30px; } #meltum-hops-expanded .lang { font-size:13px; } #meltum-hops-expanded .hero { padding:42px 60px 46px; min-height:710px; } #meltum-hops-expanded .hero-layout { grid-template-columns:1fr 1.1fr; gap:28px; } #meltum-hops-expanded .hero h1 { font-size:clamp(98px,8vw,122px); } #meltum-hops-expanded .hero-copy p { font-size:17px; max-width:420px; margin:30px 0; } #meltum-hops-expanded .meta { font-size:12px; } #meltum-hops-expanded .cta { font-size:15px; padding:20px 28px; } #meltum-hops-expanded .text-link { font-size:15px; } #meltum-hops-expanded .can-stage { height:480px; width:100%; max-width:570px; justify-self:center; } #meltum-hops-expanded .can-stage .main-can { height:465px; width:49%; } #meltum-hops-expanded .can-stage .side-a { height:350px; width:38%; left:1%; } #meltum-hops-expanded .can-stage .side-b { height:350px; width:38%; right:1%; } #meltum-hops-expanded .can-stage:before { width:295px; height:435px; } #meltum-hops-expanded .seal { right:0; top:8px; } #meltum-hops-expanded .hero-base { font-size:12px; padding-top:32px; } #meltum-hops-expanded .beers { padding-left:60px; padding-right:60px; } #meltum-hops-expanded .feature { min-height:460px; } #meltum-hops-expanded .feature-art { min-height:460px; } #meltum-hops-expanded .feature-art img { height:405px; max-width:65%; } #meltum-hops-expanded .feature-copy { padding:44px; } #meltum-hops-expanded .feature-copy h3 { font-size:64px; } #meltum-hops-expanded .feature-copy p { font-size:16px; max-width:430px; } #meltum-hops-expanded .feature-facts { font-size:13px; } #meltum-hops-expanded .basic-studio { padding:32px 60px 28px; } #meltum-hops-expanded .basic-bottle img { height:230px; } #meltum-hops-expanded .basic-bottle strong { font-size:26px; } #meltum-hops-expanded .basic-bottle small { font-size:13px; } #meltum-hops-expanded .basic-studio-head p { font-size:27px; max-width:340px; } #meltum-hops-expanded .specials { padding:10px 60px 55px; gap:28px; } #meltum-hops-expanded .special { min-height:370px; padding:32px; } #meltum-hops-expanded .special h3 { font-size:52px; } #meltum-hops-expanded .special p { font-size:15px; } #meltum-hops-expanded .special img { height:310px; top:35px; width:36%; right:6%; } #meltum-hops-expanded .story-art { min-height:440px; } #meltum-hops-expanded .story-copy { padding:48px; } #meltum-hops-expanded .story-copy h3 { font-size:52px; } #meltum-hops-expanded .story-copy p { font-size:16px; max-width:450px; } #meltum-hops-expanded .shop-banner { padding:48px 60px; } #meltum-hops-expanded .shop-banner h3 { font-size:47px; } #meltum-hops-expanded .shop-banner p { font-size:15px; } #meltum-hops-expanded .footer { padding-left:60px; padding-right:60px; font-size:13px; } } /* Corrected compact hero, illustration backgrounds and beer rotation. */ #meltum-hops-expanded .hero {min-height:0;padding:24px var(--meltum-gutter) 22px;} #meltum-hops-expanded .hero-top {padding-bottom:14px;} #meltum-hops-expanded .hero h1 {font-size:clamp(54px,6.4vw,86px);line-height:.95;} #meltum-hops-expanded .hero-copy .cta {margin-top:22px;font-size:13px;padding:15px 22px;} #meltum-hops-expanded .hero-copy .text-link {font-size:13px;} #meltum-hops-expanded .hero-layout {gap:20px;} #meltum-hops-expanded .can-stage {height:310px;max-width:420px;width:100%;justify-self:center;} #meltum-hops-expanded .can-stage .main-can {height:300px;width:49%;} #meltum-hops-expanded .can-stage .side-a,#meltum-hops-expanded .can-stage .side-b {height:225px;width:38%;} #meltum-hops-expanded .can-stage:before {height:280px;width:195px;} #meltum-hops-expanded .hero-base {padding-top:14px;justify-content:flex-end;} #meltum-hops-expanded .hero-background {position:absolute;inset:0;z-index:-2;overflow:hidden;opacity:.2;} #meltum-hops-expanded .hero-background .hero-back {position:absolute;inset:0;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center;opacity:1;filter:none;} #meltum-hops-expanded .story-art img {width:100%;height:100%;object-fit:cover;object-position:center;} #meltum-hops-expanded .story-art {min-height:300px;} #meltum-hops-expanded .story-copy {padding:30px;} #meltum-hops-expanded .story-copy h3 {font-size:clamp(30px,3vw,40px);margin:14px 0 18px;} #meltum-hops-expanded .story-copy p {font-size:14px;} #meltum-hops-expanded .feature-art {perspective:1100px;transition:background-color .45s ease;} #meltum-hops-expanded .feature-art img {backface-visibility:hidden;transform-origin:center;} @media(max-width:760px){ #meltum-hops-expanded .hero h1 {font-size:clamp(50px,10vw,70px);} #meltum-hops-expanded .can-stage {height:265px;max-width:350px;margin-top:15px;} #meltum-hops-expanded .can-stage .main-can {height:255px;} #meltum-hops-expanded .can-stage .side-a,#meltum-hops-expanded .can-stage .side-b {height:195px;} #meltum-hops-expanded .can-stage:before {height:235px;width:160px;} #meltum-hops-expanded .story-art {min-height:230px;} } @media(prefers-reduced-motion:reduce){#meltum-hops-expanded .feature-art {transition:none;}} /* Compact Basic collection and the three special beer families. */ #meltum-hops-expanded .basic-studio {padding-top:24px;padding-bottom:20px;} #meltum-hops-expanded .basic-studio-head {align-items:center;margin-bottom:8px;} #meltum-hops-expanded .basic-studio-head h3 {font-size:clamp(30px,3vw,38px);} #meltum-hops-expanded .basic-header-action {display:flex;align-items:center;gap:24px;} #meltum-hops-expanded .basic-header-action p {font-size:19px;} #meltum-hops-expanded .basic-header-action .cta {font-size:12px;padding:14px 20px;white-space:nowrap;} #meltum-hops-expanded .basic-bottle {padding-top:8px;padding-bottom:12px;} #meltum-hops-expanded .basic-bottle img {height:170px;margin-bottom:8px;} #meltum-hops-expanded .basic-bottle strong {font-size:21px;} #meltum-hops-expanded .basic-selection {padding-top:12px;} #meltum-hops-expanded .specials {grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch;} #meltum-hops-expanded .special {min-height:570px;padding:24px;} #meltum-hops-expanded .special h3 {max-width:100%;font-size:42px;} #meltum-hops-expanded .special p {max-width:100%;font-size:13px;line-height:1.65;} #meltum-hops-expanded .special img {top:auto;bottom:24px;right:25%;width:50%;height:235px;} #meltum-hops-expanded .special.hopsperiment {background:#c4aed9;color:#171c18;} #meltum-hops-expanded .hopsperiment .retail-only {display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px;} #meltum-hops-expanded .hops-collage {margin:18px -24px 8px;height:190px;overflow:hidden;} #meltum-hops-expanded .hops-collage img {position:static;width:100%;height:100%;object-fit:contain;transform:none;filter:none;} #meltum-hops-expanded .hops-history {font-size:11px;} #meltum-hops-expanded .hops-history > span {font-weight:800;text-transform:uppercase;letter-spacing:.06em;} #meltum-hops-expanded .hops-history p {font-size:11px;margin:8px 0 0;} #meltum-hops-expanded .feature-facts {flex-wrap:wrap;gap:10px 22px;} @media(max-width:1000px){ #meltum-hops-expanded .specials {grid-template-columns:repeat(2,minmax(0,1fr));} #meltum-hops-expanded .hopsperiment {grid-column:1/-1;min-height:0;} #meltum-hops-expanded .hops-collage {height:260px;} #meltum-hops-expanded .basic-header-action {flex-direction:column;align-items:flex-start;gap:14px;} } @media(max-width:760px){ #meltum-hops-expanded .specials {grid-template-columns:1fr;} #meltum-hops-expanded .special {min-height:480px;} #meltum-hops-expanded .special.hopsperiment {min-height:0;} #meltum-hops-expanded .basic-bottle img {height:145px;} #meltum-hops-expanded .basic-bottle strong {font-size:19px;} #meltum-hops-expanded .basic-bottles {gap:10px;} } /* One shared packshot layout for Lazy, Love4IPA and Hopsperiment. */ #meltum-hops-expanded .specials {align-items:stretch;} #meltum-hops-expanded .special {display:flex;flex-direction:column;min-height:0;padding:24px;} #meltum-hops-expanded .special h3 {min-height:92px;margin:16px 0;line-height:1.1;} #meltum-hops-expanded .special > p {min-height:110px;margin-bottom:18px;} #meltum-hops-expanded .special > .text-link {align-self:flex-start;margin-bottom:8px;} #meltum-hops-expanded .special > img {position:static;display:block;flex:none;width:100%;height:260px;max-width:100%;object-fit:contain;margin:auto 0 0;padding-top:16px;transform:rotate(10deg);filter:drop-shadow(11px 13px 0 #122a2225);} #meltum-hops-expanded .special.love > img,#meltum-hops-expanded .special.hopsperiment > img {transform:rotate(-9deg);} #meltum-hops-expanded .special.hopsperiment {grid-column:auto;} @media(max-width:1000px) and (min-width:761px){ #meltum-hops-expanded .specials {grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;} #meltum-hops-expanded .special {padding:18px;} #meltum-hops-expanded .special h3 {font-size:32px;min-height:72px;} #meltum-hops-expanded .special > p {font-size:12px;min-height:165px;} #meltum-hops-expanded .special > img {height:230px;} } @media(max-width:760px){ #meltum-hops-expanded .specials {grid-template-columns:1fr;} #meltum-hops-expanded .special h3 {min-height:0;} #meltum-hops-expanded .special > p {min-height:0;} #meltum-hops-expanded .special > img {height:240px;margin-top:12px;} } /* Short tasting notes, distinct from the recipe. */ #meltum-hops-expanded .feature-copy p.beer-taste {font-size:13px;line-height:1.7;color:#f0f0e4;border-left:2px solid var(--beer-accent);padding-left:12px;margin-bottom:18px;} #meltum-hops-expanded .special > p.beer-taste {min-height:0;font-size:12px;line-height:1.6;padding-left:10px;border-left:2px solid #10221d55;margin-bottom:18px;} #meltum-hops-expanded .basic-selection p.beer-taste {max-width:700px;font-size:12px;margin-top:8px;color:#ded5c3;} #meltum-hops-expanded .beer-actions {display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:8px;} #meltum-hops-expanded .beer-actions .cta {margin-top:0;} #meltum-hops-expanded .untappd-button {display:inline-flex;align-items:center;padding:9px 12px;min-height:38px;border:1px solid #f0f0e455;font-size:12px;font-weight:700;color:#f0f0e4;background:transparent;} #meltum-hops-expanded .untappd-button:hover {border-color:var(--beer-accent);color:var(--beer-accent);} #meltum-hops-expanded .untappd-button:focus-visible {outline:2px solid var(--beer-accent);outline-offset:4px;} #meltum-hops-expanded .special.hopsperiment > img {height:260px;transform:none;padding-top:16px;} /* Larger bottle images; details appear only for the selected style. */ #meltum-hops-expanded .basic-bottle {padding:8px 5px 12px;} #meltum-hops-expanded .basic-bottle img {height:230px;margin-bottom:0;} #meltum-hops-expanded .basic-bottle:focus-visible {outline:2px solid #d5b775;outline-offset:4px;} #meltum-hops-expanded .basic-selected-heading {display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;margin-bottom:8px;} #meltum-hops-expanded .basic-selected-heading strong {margin-bottom:0;} #meltum-hops-expanded #mhe-basic-facts {font-size:12px;color:#d5b775;} #meltum-hops-expanded .basic-selection p {max-width:850px;} @media(max-width:760px){#meltum-hops-expanded .basic-bottle img {height:210px;}} /* Compact special beers with shared readable body text. */ #meltum-hops-expanded .special {padding:22px;min-height:0;} #meltum-hops-expanded .special h3 {font-size:36px;min-height:0;margin:0 0 14px;} #meltum-hops-expanded .special > p {font-size:16px;line-height:1.5;min-height:0;margin-bottom:14px;} #meltum-hops-expanded .special > p.beer-taste {font-size:16px;line-height:1.5;min-height:0;margin-bottom:14px;} #meltum-hops-expanded .special > img,#meltum-hops-expanded .special.hopsperiment > img {height:195px;padding-top:12px;margin-top:auto;} #meltum-hops-expanded .special-actions {display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 12px;} #meltum-hops-expanded .special-actions .text-link {font-size:13px;} #meltum-hops-expanded .feature-copy p,#meltum-hops-expanded .feature-copy p.beer-taste,#meltum-hops-expanded .basic-selection p,#meltum-hops-expanded .basic-selection p.beer-taste {font-size:16px;line-height:1.6;} #meltum-hops-expanded .basic-selection {align-items:center;} #meltum-hops-expanded .basic-selection > div {flex:1;min-width:0;} #meltum-hops-expanded .basic-bottle img {transform:scaleX(.86);} #meltum-hops-expanded .basic-selected-heading strong {font-size:22px;} #meltum-hops-expanded #mhe-basic-facts {font-size:13px;} #meltum-hops-expanded .untappd-button {gap:8px;padding:7px 10px;background:#101310;border:1px solid #101310;color:#f0f0e4;min-height:38px;white-space:nowrap;} #meltum-hops-expanded .untappd-button img.untappd-logo {position:static;display:block;width:70px;height:24px;max-width:none;object-fit:contain;transform:none;filter:none;margin:0;padding:0;} #meltum-hops-expanded .untappd-button:hover {background:#263323;border-color:#d9ed3f;color:#d9ed3f;} #meltum-hops-expanded .lang {display:flex;align-items:center;gap:4px;margin-right:0;} #meltum-hops-expanded .lang a {padding:8px 9px;border:1px solid transparent;min-height:36px;display:flex;align-items:center;} #meltum-hops-expanded .lang a[aria-current="page"] {color:#d9ed3f;border-color:#d9ed3f55;} #meltum-hops-expanded .lang a:hover {background:#f0f0e412;} #meltum-hops-expanded .lang a:focus-visible {outline:2px solid #d9ed3f;outline-offset:3px;} #meltum-hops-expanded .can-stage {height:335px;max-width:465px;} #meltum-hops-expanded .can-stage .main-can {height:330px;width:49%;} #meltum-hops-expanded .can-stage .side-a,#meltum-hops-expanded .can-stage .side-b {height:255px;width:38%;} #meltum-hops-expanded .can-stage:before {height:300px;width:215px;} @media(max-width:1000px) and (min-width:761px){ #meltum-hops-expanded .special h3 {font-size:32px;} #meltum-hops-expanded .special > p,#meltum-hops-expanded .special > p.beer-taste {font-size:16px;min-height:0;} } @media(max-width:760px){ #meltum-hops-expanded .special > img,#meltum-hops-expanded .special.hopsperiment > img {height:205px;} #meltum-hops-expanded .lang {margin-right:0;} #meltum-hops-expanded .basic-selection {align-items:flex-start;} #meltum-hops-expanded .can-stage {height:285px;max-width:380px;} #meltum-hops-expanded .can-stage .main-can {height:280px;} #meltum-hops-expanded .can-stage .side-a,#meltum-hops-expanded .can-stage .side-b {height:210px;} #meltum-hops-expanded .can-stage:before {height:255px;width:180px;} } /* Inner pages share the home page palette, typography and gutters. */ #meltum-hops-expanded .meltum-inner{width:100%;max-width:none;margin:0;padding:0;color:var(--paper);font:16px/1.65 Manrope,Arial,sans-serif} #meltum-hops-expanded .meltum-inner h1,#meltum-hops-expanded .meltum-inner h2,#meltum-hops-expanded .meltum-inner h3{font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-weight:600;line-height:1.06} #meltum-hops-expanded .inner-hero{position:relative;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:32px;padding:42px 38px;border-bottom:1px solid #f0f0e425;isolation:isolate} #meltum-hops-expanded .inner-hero-copy{position:relative;z-index:1} #meltum-hops-expanded .inner-hero .meta{color:#c6cabc;margin-bottom:22px} #meltum-hops-expanded .inner-hero h1{font-size:clamp(48px,5.4vw,78px);letter-spacing:-1.8px} #meltum-hops-expanded .inner-hero h1 span{color:var(--lime)} #meltum-hops-expanded .inner-hero p{max-width:550px;margin:22px 0;color:#c7ccc0} #meltum-hops-expanded .inner-hero-art{min-width:0} #meltum-hops-expanded .inner-hero-art img{display:block;width:100%;height:300px;object-fit:contain} #meltum-hops-expanded .about-origin{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;padding:40px 38px;align-items:center} #meltum-hops-expanded .about-origin .about-photo{display:flex;justify-content:center;min-width:0} #meltum-hops-expanded .about-origin .about-copy{max-width:650px} #meltum-hops-expanded .about-origin .about-copy p{font-size:18px;line-height:1.65;margin:0 0 18px} #meltum-hops-expanded .about-photo img{width:100%;max-width:390px;height:460px;min-height:0;object-fit:contain;display:block} #meltum-hops-expanded .about-copy h2,#meltum-hops-expanded .inner-section-head h2,#meltum-hops-expanded .about-values h2{font-size:clamp(36px,4vw,52px);margin:16px 0 24px} #meltum-hops-expanded .about-copy p,#meltum-hops-expanded .about-values p{margin:0 0 18px} #meltum-hops-expanded .about-team{padding:40px 38px 48px;background:var(--paper);color:var(--ink)} #meltum-hops-expanded .inner-section-head{margin-bottom:30px;max-width:680px} #meltum-hops-expanded .team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px} #meltum-hops-expanded .team-grid article{border-top:3px solid var(--ink);padding:20px 0} #meltum-hops-expanded .team-grid h3{font-size:30px;margin:20px 0 14px} #meltum-hops-expanded .team-grid .meta{font-size:10px;letter-spacing:1px} #meltum-hops-expanded .about-values{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:48px 38px;background:#16322a} #meltum-hops-expanded .about-values img{width:100%;height:100%;max-height:410px;object-fit:cover} #meltum-hops-expanded .about-values .text-link{margin-top:12px;color:var(--lime)} #meltum-hops-expanded .shop-hero .inner-hero-art img{height:245px} #meltum-hops-expanded .shop-hero .text-link{color:var(--lime)} #meltum-hops-expanded .shop-catalog{padding:40px 38px 16px} #meltum-hops-expanded .shop-catalog .bt_bb_wrapper>section:first-child,#meltum-hops-expanded .shop-catalog .bt_bb_wrapper>section:last-child{display:none} #meltum-hops-expanded .shop-catalog .bt_bb_section,#meltum-hops-expanded .shop-catalog .bt_bb_port,#meltum-hops-expanded .shop-catalog .bt_bb_cell,#meltum-hops-expanded .shop-catalog .bt_bb_cell_inner,#meltum-hops-expanded .shop-catalog .bt_bb_row_wrapper,#meltum-hops-expanded .shop-catalog .bt_bb_row,#meltum-hops-expanded .shop-catalog .bt_bb_column{width:100%;max-width:none;margin:0;padding:0;background:transparent;color:var(--paper)} #meltum-hops-expanded .shop-catalog .bt_bb_column{float:none;flex:0 0 100%} #meltum-hops-expanded .shop-catalog .bt_bb_headline{text-align:left;opacity:1;transform:none;margin:0 0 24px} #meltum-hops-expanded .shop-catalog .bt_bb_headline h2{font-size:40px;color:var(--paper)} #meltum-hops-expanded .shop-catalog .bt_bb_headline:after,#meltum-hops-expanded .shop-catalog .bt_bb_headline h2:after,#meltum-hops-expanded .shop-catalog .bt_bb_separator{display:none} #meltum-hops-expanded .shop-catalog .woocommerce{color:var(--ink)} #meltum-hops-expanded .shop-catalog ul.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:0 0 42px;padding:0} #meltum-hops-expanded .shop-catalog ul.products:before,#meltum-hops-expanded .shop-catalog ul.products:after{display:none} #meltum-hops-expanded .shop-catalog ul.products li.product{display:flex;flex-direction:column;float:none;clear:none;width:auto!important;min-width:0;margin:0!important;padding:20px;background:var(--paper);color:var(--ink);border:1px solid #f0f0e425;border-radius:0;text-align:left} #meltum-hops-expanded .shop-catalog li.product .woocommerce-LoopProduct-link{display:flex;flex-direction:column;flex:1;color:var(--ink)} #meltum-hops-expanded .shop-catalog li.product .woocommerce-LoopProduct-link img{width:100%;height:210px;object-fit:contain;margin:0 0 20px;background:#fff} #meltum-hops-expanded .shop-catalog li.product h2.woocommerce-loop-product__title{font-size:25px;line-height:1.15;padding:0;margin:0 0 14px} #meltum-hops-expanded .shop-catalog li.product .price{color:var(--ink);font-size:18px;font-weight:800;margin-top:auto;margin-bottom:18px} #meltum-hops-expanded .shop-catalog li.product .button{background:var(--lime);color:var(--ink);border:1px solid var(--ink);border-radius:0;text-align:center;font:800 14px/1.3 Manrope,Arial,sans-serif;padding:13px 16px;min-height:44px;margin:0} #meltum-hops-expanded .shop-catalog li.product .button:hover{background:var(--ink);color:var(--lime)} #meltum-hops-expanded .shop-catalog li.product a.added_to_cart{color:var(--ink);text-decoration:underline;padding-top:10px} #meltum-hops-expanded .shop-catalog .bt_bb_animation_fade_in{opacity:1;transform:none;visibility:visible} #meltum-hops-expanded .shop-offline{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:0 38px 42px;padding:28px;background:#16322a;border:1px solid #f0f0e425} #meltum-hops-expanded .shop-offline h2{font-size:34px;margin:12px 0} #meltum-hops-expanded .shop-offline p{color:#c7ccc0} #meltum-hops-expanded .meltum-inner a:focus-visible{outline:2px solid var(--lime);outline-offset:4px} @media(min-width:1100px){ #meltum-hops-expanded .inner-hero,#meltum-hops-expanded .about-origin,#meltum-hops-expanded .about-team,#meltum-hops-expanded .about-values,#meltum-hops-expanded .shop-catalog{padding-left:60px;padding-right:60px} #meltum-hops-expanded .shop-offline{margin-left:60px;margin-right:60px} } @media(max-width:1000px){ #meltum-hops-expanded .team-grid{grid-template-columns:repeat(2,minmax(0,1fr))} #meltum-hops-expanded .shop-catalog ul.products{grid-template-columns:repeat(3,minmax(0,1fr))} #meltum-hops-expanded .about-origin,#meltum-hops-expanded .about-values{gap:28px} } @media(max-width:760px){ #meltum-hops-expanded .inner-hero{grid-template-columns:1fr;gap:20px;padding:30px 23px} #meltum-hops-expanded .inner-hero h1{font-size:clamp(43px,9vw,64px);letter-spacing:-1px} #meltum-hops-expanded .inner-hero-art img,#meltum-hops-expanded .shop-hero .inner-hero-art img{height:auto;max-height:210px} #meltum-hops-expanded .about-origin,#meltum-hops-expanded .about-values{grid-template-columns:1fr;padding:30px 23px} #meltum-hops-expanded .about-photo img{min-height:0;max-height:350px} #meltum-hops-expanded .about-team{padding:30px 23px} #meltum-hops-expanded .shop-catalog{padding:30px 23px 0} #meltum-hops-expanded .shop-catalog ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} #meltum-hops-expanded .shop-catalog ul.products li.product{padding:12px} #meltum-hops-expanded .shop-catalog li.product .woocommerce-LoopProduct-link img{height:170px;margin-bottom:14px} #meltum-hops-expanded .shop-catalog li.product h2.woocommerce-loop-product__title{font-size:22px} #meltum-hops-expanded .shop-catalog .bt_bb_headline h2{font-size:34px} #meltum-hops-expanded .shop-offline{flex-direction:column;align-items:flex-start;margin:0 23px 30px;padding:23px} } @media(max-width:420px){ #meltum-hops-expanded .team-grid{grid-template-columns:1fr} #meltum-hops-expanded .shop-catalog li.product .woocommerce-LoopProduct-link img{height:145px} } /* Native WooCommerce catalog: prevent legacy builder flex rules squeezing cards. */ #meltum-hops-expanded .shop-product-group>h2{font:600 40px/1.12 Oswald,Arial,sans-serif;margin:0 0 24px} #meltum-hops-expanded .shop-catalog .meltum-product-grid{display:block;width:100%;min-width:0} #meltum-hops-expanded .shop-catalog .meltum-product-grid ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;flex-wrap:initial!important;width:100%!important;max-width:100%!important;list-style:none} #meltum-hops-expanded .shop-catalog .meltum-product-grid ul.products li.product{width:100%!important;max-width:100%!important;min-width:0!important;flex:none!important;box-sizing:border-box;overflow:hidden} #meltum-hops-expanded .shop-catalog .meltum-product-grid li.product>a{max-width:100%;min-width:0} #meltum-hops-expanded .shop-catalog .meltum-product-grid li.product h2{white-space:normal;word-break:normal;overflow-wrap:break-word} #meltum-hops-expanded .shop-catalog .meltum-product-grid li.product .button{display:block;width:100%;white-space:normal;word-break:normal;letter-spacing:0} #meltum-hops-expanded .shop-catalog .meltum-product-grid li.product img{max-width:100%!important;min-width:0} @media(max-width:1000px){ #meltum-hops-expanded .shop-catalog .meltum-product-grid ul.products{grid-template-columns:repeat(3,minmax(0,1fr))!important} } @media(max-width:760px){ #meltum-hops-expanded .shop-catalog .meltum-product-grid ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important} #meltum-hops-expanded .shop-product-group>h2{font-size:32px;margin-bottom:22px} #meltum-hops-expanded .shop-catalog .meltum-product-grid li.product .button{padding:12px 8px;font-size:14px} } @media(max-width:340px){ #meltum-hops-expanded .shop-catalog .meltum-product-grid ul.products{grid-template-columns:minmax(0,1fr)!important} } /* Compact text-only shop introduction and match Porter can scale. */ #meltum-hops-expanded .shop-hero{grid-template-columns:1fr} #meltum-hops-expanded .shop-catalog .meltum-product-grid li.post-2792 .woocommerce-LoopProduct-link img{box-sizing:border-box;padding:19px 0} @media(max-width:760px){ #meltum-hops-expanded .shop-catalog .meltum-product-grid li.post-2792 .woocommerce-LoopProduct-link img{padding:15px 0} } @media(max-width:420px){ #meltum-hops-expanded .shop-catalog .meltum-product-grid li.post-2792 .woocommerce-LoopProduct-link img{padding:13px 0} } #meltum-hops-expanded .meltum-product-back{margin:0 0 28px} #meltum-hops-expanded .meltum-product-back a{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid #d9ed3f;color:#d9ed3f;font:700 14px/1.4 Manrope,Arial,sans-serif} #meltum-hops-expanded .meltum-product-back a:hover{background:#d9ed3f;color:#101310} #meltum-hops-expanded .meltum-product-back a:focus-visible{outline:2px solid #d9ed3f;outline-offset:4px} #meltum-hops-expanded .meltum-product-description{clear:both;padding:28px 0;border-top:1px solid #f0f0e425;color:#f0f0e4;font:16px/1.65 Manrope,Arial,sans-serif} #meltum-hops-expanded .meltum-product-description h2{font:600 32px/1.15 Oswald,Arial,sans-serif;margin:0 0 22px} #meltum-hops-expanded .meltum-product-description p{font-size:16px;line-height:1.65;margin:0 0 16px} #meltum-hops-expanded .meltum-product-description table.shop_attributes{width:100%;margin:24px 0 0;border-collapse:collapse;border:0;font-size:16px} #meltum-hops-expanded .meltum-product-description table.shop_attributes th,#meltum-hops-expanded .meltum-product-description table.shop_attributes td{padding:12px;text-align:left;vertical-align:top;line-height:1.6;border:1px solid #f0f0e425;background:transparent;color:#f0f0e4;white-space:normal;overflow-wrap:anywhere} #meltum-hops-expanded .meltum-product-description table.shop_attributes th{width:38%;font-weight:700} #meltum-hops-expanded .meltum-product-description table.shop_attributes p{margin:0;font-style:normal} /* One product photo with a controlled frame and consistent can scale. */ #meltum-hops-expanded .woocommerce div.product div.images .woocommerce-product-gallery__image img{display:block;width:100%!important;max-width:100%;height:360px!important;object-fit:contain;box-sizing:border-box;margin:0} #meltum-hops-expanded .woocommerce div.product div.images .woocommerce-product-gallery__image a{display:block} #meltum-hops-expanded .woocommerce div.product div.images .flex-viewport{height:auto!important} #meltum-hops-expanded .woocommerce div.product div.images .flex-control-thumbs{display:none!important} #meltum-hops-expanded #product-2792 div.images .woocommerce-product-gallery__image img{padding:32px 0} @media(max-width:760px){ #meltum-hops-expanded .woocommerce div.product div.images{float:none!important;width:100%!important;margin-bottom:24px} #meltum-hops-expanded .woocommerce div.product div.summary{float:none!important;clear:both;width:100%!important} #meltum-hops-expanded .woocommerce div.product div.images .woocommerce-product-gallery__image img{height:320px!important} #meltum-hops-expanded #product-2792 div.images .woocommerce-product-gallery__image img{padding:28px 0} } /* WooCommerce's theme-supported pages render directly in site-main. */ #meltum-hops-expanded .site-main>.product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start} #meltum-hops-expanded .site-main>.product>.woocommerce-product-gallery{float:none!important;width:100%!important;max-width:100%;min-width:0;margin:0!important} #meltum-hops-expanded .site-main>.product>.summary{float:none!important;width:100%!important;min-width:0;margin:0!important} #meltum-hops-expanded .site-main>.product>.meltum-product-description{grid-column:1/-1;width:100%;min-width:0} #meltum-hops-expanded .site-main>.product>.woocommerce-product-gallery .woocommerce-product-gallery__wrapper{margin:0} #meltum-hops-expanded .site-main>.product>.woocommerce-product-gallery .woocommerce-product-gallery__wrapper>div{width:100%!important;max-width:100%} #meltum-hops-expanded .site-main>.product>.woocommerce-product-gallery img:not(.zoomImg){display:block!important;width:100%!important;max-width:100%!important;height:360px!important;max-height:360px!important;object-fit:contain!important;box-sizing:border-box;margin:0 auto!important} #meltum-hops-expanded .site-main>#product-2792>.woocommerce-product-gallery img:not(.zoomImg){padding:32px 0} #meltum-hops-expanded .site-main>.product>.woocommerce-product-gallery .flex-viewport{height:auto!important} #meltum-hops-expanded .site-main>.product>.woocommerce-product-gallery .flex-control-thumbs,#meltum-hops-expanded .site-main>.product>.woocommerce-product-gallery .zoomImg{display:none!important} @media(max-width:760px){ #meltum-hops-expanded .site-main>.product{grid-template-columns:minmax(0,1fr);gap:24px} #meltum-hops-expanded .site-main>.product>.woocommerce-product-gallery img:not(.zoomImg){height:320px!important;max-height:320px!important} #meltum-hops-expanded .site-main>#product-2792>.woocommerce-product-gallery img:not(.zoomImg){padding:28px 0} } #meltum-hops-expanded .meltum-product-description .meltum-product-fact{font-size:16px;line-height:1.65;margin:0 0 16px} #meltum-hops-expanded .meltum-product-description .meltum-product-fact strong{font-weight:700} #meltum-hops-expanded .site-main>.product>.summary h1.product_title{font:600 42px/1.12 Oswald,Arial,sans-serif;margin:0 0 20px;overflow-wrap:break-word} @media(max-width:760px){ #meltum-hops-expanded .site-main>.product>.summary h1.product_title{font-size:34px} } /* Mix and Match thumbnails use a fixed frame, including replacement artwork. */ #meltum-hops-expanded #product-2702 tr.mnm_item td.product-thumbnail .mnm_child_product_images{width:82px!important;max-width:82px!important;margin:0 auto!important} #meltum-hops-expanded #product-2702 tr.mnm_item td.product-thumbnail a.image{display:flex!important;align-items:center;justify-content:center;width:82px!important;height:100px!important} #meltum-hops-expanded #product-2702 tr.mnm_item td.product-thumbnail img{display:block!important;width:82px!important;max-width:82px!important;height:100px!important;max-height:100px!important;object-fit:contain!important;box-sizing:border-box;margin:0 auto!important} #meltum-hops-expanded #product-2702 tr.mnm_item[data-mnm_id="2792"] td.product-thumbnail img{padding:9px 0} @media(max-width:420px){ #meltum-hops-expanded #product-2702 tr.mnm_item td.product-thumbnail .mnm_child_product_images{width:72px!important;max-width:72px!important} #meltum-hops-expanded #product-2702 tr.mnm_item td.product-thumbnail a.image{width:72px!important;height:90px!important} #meltum-hops-expanded #product-2702 tr.mnm_item td.product-thumbnail img{width:72px!important;max-width:72px!important;height:90px!important;max-height:90px!important} #meltum-hops-expanded #product-2702 tr.mnm_item[data-mnm_id="2792"] td.product-thumbnail img{padding:8px 0} } #meltum-hops-expanded .story-art.story-video{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:22px;background:#101310;min-height:0} #meltum-hops-expanded .story-art.story-video:after{content:none;display:none;pointer-events:none} #meltum-hops-expanded .story-video video{display:block;position:relative;z-index:1;pointer-events:auto;width:min(100%,248px);aspect-ratio:9/16;height:auto;border:0;background:#000} #meltum-hops-expanded .story-video .video-source-link{font-size:12px;color:#f0f0e4} @media(max-width:760px){#meltum-hops-expanded .story-art.story-video{padding:20px 23px}#meltum-hops-expanded .story-video video{width:min(100%,230px)}} #meltum-hops-expanded .meltum-cart-link{display:inline-flex;align-items:center;gap:7px;white-space:nowrap} #meltum-hops-expanded .meltum-cart-icon{display:block;flex:none} #meltum-hops-expanded .meltum-cart-page{padding:32px var(--meltum-gutter,38px) 48px;color:#f0f0e4} #meltum-hops-expanded .meltum-cart-page>h1{font:600 42px/1.1 Oswald,Arial,sans-serif;margin:0 0 28px} #meltum-hops-expanded .meltum-cart-content{font:16px/1.6 Manrope,Arial,sans-serif} #meltum-hops-expanded .meltum-cart-content .woocommerce-cart-form,#meltum-hops-expanded .meltum-cart-content .cart_totals{background:#f0f0e4;color:#101310;padding:22px;border:0} #meltum-hops-expanded .meltum-cart-content table{width:100%;border-collapse:collapse;color:inherit;border:0} #meltum-hops-expanded .meltum-cart-content td,#meltum-hops-expanded .meltum-cart-content th{border-color:#10131030;padding:12px;text-align:left;background:transparent} #meltum-hops-expanded .meltum-cart-content .cart_totals h2{font:600 28px/1.2 Oswald,Arial,sans-serif;color:#101310;margin-bottom:18px} #meltum-hops-expanded .meltum-cart-content .cart-collaterals{margin-top:24px} #meltum-hops-expanded .meltum-cart-content .product-thumbnail img{width:64px;height:100px;object-fit:contain} #meltum-hops-expanded .meltum-cart-content .button{background:#d9ed3f;color:#101310;font-weight:800;border-radius:0;min-height:44px} #meltum-hops-expanded .meltum-cart-content .cart-empty{color:#101310} @media(max-width:760px){#meltum-hops-expanded .meltum-cart-page{padding:24px 23px 36px}#meltum-hops-expanded .meltum-cart-content .cart_totals{float:none;width:100%;box-sizing:border-box}#meltum-hops-expanded .meltum-cart-content .woocommerce-cart-form{padding:14px}#meltum-hops-expanded .meltum-cart-content .coupon{display:flex;flex-wrap:wrap;gap:8px}#meltum-hops-expanded .meltum-cart-content .coupon input{width:100%;min-width:0}} .woocommerce{color:#f0f0e4} /* Cart and totals side by side, matching checkout. */ #meltum-hops-expanded .meltum-cart-page .meltum-cart-content>.woocommerce{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(330px,1fr);gap:24px;align-items:start} #meltum-hops-expanded .meltum-cart-page .meltum-cart-content>.woocommerce>*{grid-column:1/-1} #meltum-hops-expanded .meltum-cart-page .meltum-cart-content>.woocommerce>.woocommerce-cart-form{grid-column:1;margin:0;padding:18px} #meltum-hops-expanded .meltum-cart-page .meltum-cart-content>.woocommerce>.cart-collaterals{grid-column:2;margin:0;width:100%} #meltum-hops-expanded .meltum-cart-page .cart-collaterals .cart_totals{float:none;width:100%;padding:18px;box-sizing:border-box} #meltum-hops-expanded .meltum-cart-page .woocommerce-cart-form .product-remove{width:24px} #meltum-hops-expanded .meltum-cart-page .woocommerce-cart-form .product-thumbnail{width:60px} #meltum-hops-expanded .meltum-cart-page .woocommerce-cart-form .product-price,#meltum-hops-expanded .meltum-cart-page .woocommerce-cart-form .product-subtotal{white-space:nowrap} #meltum-hops-expanded .meltum-cart-page .woocommerce-cart-form .product-quantity{width:74px} #meltum-hops-expanded .meltum-cart-page .woocommerce-cart-form input.qty{width:58px;min-height:42px;background:#fff;color:#101310;border:1px solid #8a8d80;border-radius:0;text-align:center} #meltum-hops-expanded .meltum-cart-page .woocommerce-cart-form .actions{text-align:right!important} #meltum-hops-expanded .meltum-cart-page .cart_totals th,#meltum-hops-expanded .meltum-cart-page .cart_totals td{padding:9px 6px} #meltum-hops-expanded .meltum-cart-page .cart_totals .wc-proceed-to-checkout{padding:14px 0 0} #meltum-hops-expanded .meltum-cart-page .cart_totals .checkout-button{margin:0;padding:12px;font-size:17px;line-height:1.4;border:1px solid #101310} @media(max-width:1000px){#meltum-hops-expanded .meltum-cart-page .meltum-cart-content>.woocommerce{grid-template-columns:1fr}#meltum-hops-expanded .meltum-cart-page .meltum-cart-content>.woocommerce>.woocommerce-cart-form,#meltum-hops-expanded .meltum-cart-page .meltum-cart-content>.woocommerce>.cart-collaterals{grid-column:1}} /* Matching cream checkout panels and readable form labels. */ #meltum-hops-expanded .meltum-checkout-page #customer_details{background:#f0f0e4;color:#101310;padding:18px;box-sizing:border-box} #meltum-hops-expanded .meltum-checkout-page #customer_details h3,#meltum-hops-expanded .meltum-checkout-page #customer_details label,#meltum-hops-expanded .meltum-checkout-page #customer_details p,#meltum-hops-expanded .meltum-checkout-page #customer_details .optional{color:#101310} #meltum-hops-expanded .meltum-checkout-page #customer_details input.input-text,#meltum-hops-expanded .meltum-checkout-page #customer_details textarea,#meltum-hops-expanded .meltum-checkout-page #customer_details select,#meltum-hops-expanded .meltum-checkout-page #customer_details .select2-selection{background:#fff;color:#101310;border:1px solid #8a8d80} #meltum-hops-expanded .meltum-checkout-page #customer_details input::placeholder,#meltum-hops-expanded .meltum-checkout-page #customer_details textarea::placeholder{color:#5d6257;opacity:1} #meltum-hops-expanded .meltum-checkout-page #customer_details .required{color:#a0291d} #meltum-hops-expanded .meltum-checkout-page #customer_details input:focus,#meltum-hops-expanded .meltum-checkout-page #customer_details textarea:focus{outline:2px solid #101310;outline-offset:1px} /* Compact checkout, with all native fields retained. */ #meltum-hops-expanded .meltum-checkout-page.meltum-inner{padding-top:24px;padding-bottom:36px} #meltum-hops-expanded .meltum-checkout-page h1{font-size:36px;margin-bottom:22px} #meltum-hops-expanded .meltum-checkout-page h3{font-size:23px;margin-bottom:14px} #meltum-hops-expanded .meltum-checkout-page .woocommerce-billing-fields__field-wrapper,#meltum-hops-expanded .meltum-checkout-page .woocommerce-shipping-fields__field-wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px} #meltum-hops-expanded .meltum-checkout-page .woocommerce-billing-fields__field-wrapper .form-row,#meltum-hops-expanded .meltum-checkout-page .woocommerce-shipping-fields__field-wrapper .form-row{float:none;width:100%;padding:0;margin:0;clear:none;min-width:0} #meltum-hops-expanded .meltum-checkout-page #billing_address_1_field,#meltum-hops-expanded .meltum-checkout-page #shipping_address_1_field{grid-column:1/-1} #meltum-hops-expanded .meltum-checkout-page .form-row label{line-height:1.3;margin-bottom:5px} #meltum-hops-expanded .meltum-checkout-page .form-row input.input-text,#meltum-hops-expanded .meltum-checkout-page .form-row select,#meltum-hops-expanded .meltum-checkout-page .form-row .select2-selection{min-height:42px;padding:8px 10px} #meltum-hops-expanded .meltum-checkout-page #order_review{padding:18px} #meltum-hops-expanded .meltum-checkout-page #order_review th,#meltum-hops-expanded .meltum-checkout-page #order_review td{padding:8px 6px} #meltum-hops-expanded .meltum-checkout-page #payment{margin-top:12px} #meltum-hops-expanded .meltum-checkout-page #payment ul.payment_methods,#meltum-hops-expanded .meltum-checkout-page #payment .place-order{padding:12px 0;margin:0} #meltum-hops-expanded .meltum-checkout-page #payment .payment_box{padding:10px 12px;margin:10px 0} #meltum-hops-expanded .meltum-checkout-page .woocommerce-additional-fields textarea{height:80px;min-height:80px} #meltum-hops-expanded .meltum-checkout-page #ship-to-different-address{margin:14px 0;font-size:17px} @media(max-width:767px){#meltum-hops-expanded .meltum-checkout-page .woocommerce-billing-fields__field-wrapper,#meltum-hops-expanded .meltum-checkout-page .woocommerce-shipping-fields__field-wrapper{grid-template-columns:1fr}#meltum-hops-expanded .meltum-checkout-page h1{font-size:30px}} #meltum-hops-expanded .meltum-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:32px} #meltum-hops-expanded .contact-details{padding:24px 0;display:flex;flex-direction:column} #meltum-hops-expanded .contact-details .contact-privacy{margin-top:auto;padding-top:24px;margin-bottom:0} #meltum-hops-expanded .contact-form-panel .wpcf7-form-control-wrap{display:block;margin-bottom:12px} #meltum-hops-expanded .contact-form-panel .wpcf7-form>br{display:none} #meltum-hops-expanded .contact-form-panel .wpcf7-form p:last-child{margin-bottom:0} #meltum-hops-expanded .contact-form-panel input,#meltum-hops-expanded .contact-form-panel textarea{margin:0;box-shadow:none} @media(max-width:760px){#meltum-hops-expanded .meltum-contact-grid{grid-template-columns:1fr;gap:20px}#meltum-hops-expanded .contact-details{padding:0}} #meltum-hops-expanded .meltum-contact-page{padding:40px 38px 56px;max-width:1200px;margin:auto;color:#f0f0e4} #meltum-hops-expanded .meltum-contact-page h1{font:600 clamp(32px,3.2vw,44px)/1.15 Oswald,sans-serif;margin:12px 0 14px} #meltum-hops-expanded .contact-intro{font-size:18px;line-height:1.6;max-width:none;margin:0 0 24px;text-wrap:pretty} #meltum-hops-expanded .meltum-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:stretch} #meltum-hops-expanded .contact-details h2{font:600 30px/1.2 Oswald,sans-serif;margin:0 0 18px;color:#f0f0e4} #meltum-hops-expanded .contact-details p{font-size:17px;line-height:1.65;margin:0 0 22px} #meltum-hops-expanded .contact-details>a{display:block;font-size:20px;font-weight:700;color:#d9ed3f;margin:12px 0} #meltum-hops-expanded .contact-details .contact-privacy{font-size:14px;color:#c6cabc;margin-top:28px} #meltum-hops-expanded .contact-privacy a{color:#d9ed3f;text-decoration:underline} #meltum-hops-expanded .contact-form-panel{background:#f0f0e4;color:#101310;padding:24px} #meltum-hops-expanded .contact-form-panel label,#meltum-hops-expanded .contact-form-panel p{color:#101310;display:block;font-size:16px;line-height:1.5;margin:0 0 14px} #meltum-hops-expanded .contact-form-panel input:not([type=submit]),#meltum-hops-expanded .contact-form-panel textarea{display:block;width:100%;box-sizing:border-box;background:#fff;color:#101310;border:1px solid #777;border-radius:0;padding:11px 12px;font-size:16px;min-height:44px} #meltum-hops-expanded .contact-form-panel textarea{height:130px;resize:vertical} #meltum-hops-expanded .contact-form-panel input[type=submit]{background:#d9ed3f;color:#101310;border:1px solid #101310;padding:12px 24px;min-height:46px;font-weight:800;cursor:pointer} #meltum-hops-expanded .contact-form-panel .wpcf7-response-output{color:#101310} @media(max-width:760px){#meltum-hops-expanded .meltum-contact-page{padding:28px 23px 40px}#meltum-hops-expanded .meltum-contact-grid{grid-template-columns:1fr;gap:24px}#meltum-hops-expanded .contact-form-panel{padding:18px}} #meltum-hops-expanded .meltum-legal{max-width:960px;margin:auto;padding:40px 38px 64px;color:#f0f0e4;font-size:17px;line-height:1.75} #meltum-hops-expanded .meltum-legal h1{font:600 clamp(34px,4vw,52px)/1.15 Oswald,sans-serif;margin:0 0 24px} #meltum-hops-expanded .meltum-legal h2{font:600 27px/1.25 Oswald,sans-serif;margin:32px 0 14px;color:#f0f0e4} #meltum-hops-expanded .meltum-legal h3{font:600 22px/1.3 Oswald,sans-serif;margin:24px 0 12px} #meltum-hops-expanded .meltum-legal p{margin:0 0 16px} #meltum-hops-expanded .meltum-legal ul{padding-left:24px;list-style:disc} #meltum-hops-expanded .meltum-legal li{margin-bottom:12px} #meltum-hops-expanded .meltum-legal a{color:#d9ed3f;text-decoration:underline} #meltum-hops-expanded .legal-review{border-left:3px solid #d9ed3f;background:#202720;padding:18px;margin:24px 0;font-size:15px} #meltum-hops-expanded .about-team{padding-top:28px;padding-bottom:28px} #meltum-hops-expanded .about-team .inner-section-head{margin-bottom:18px;max-width:none} #meltum-hops-expanded .about-team .inner-section-head h2{font-size:38px;margin:10px 0 12px} #meltum-hops-expanded .about-team .inner-section-head h2 br{display:none} #meltum-hops-expanded .about-team .team-grid article{padding:14px 0 0} #meltum-hops-expanded .about-team .team-grid h3{font-size:28px;margin:12px 0 8px} #meltum-hops-expanded .about-team .team-grid p{font-size:16px;line-height:1.6;margin:0} @media(max-width:760px){#meltum-hops-expanded .meltum-legal{padding:28px 23px 40px;font-size:16px}#meltum-hops-expanded .about-team .inner-section-head h2{font-size:32px}} #meltum-hops-expanded .meltum-cart-content table.shop_table tr.mnm_table_item td{padding:4px 12px!important;line-height:1.3!important;height:auto!important} #meltum-hops-expanded .meltum-cart-content table.shop_table tr.mnm_table_item .product-thumbnail img{width:32px!important;max-width:32px!important;height:44px!important;max-height:44px!important;object-fit:contain!important} #meltum-hops-expanded .meltum-cart-content table.shop_table tr.mnm_table_item .product-thumbnail a{height:44px!important;min-height:0!important;padding:0!important} #meltum-hops-expanded .meltum-cart-content table.shop_table tr.mnm_table_item .mnm_table_item_indent{padding-left:12px!important} /* Compact cart rows, including Mix and Match contents. */ #meltum-hops-expanded .meltum-cart-content .woocommerce-cart-form table.shop_table td{padding:8px 12px!important;height:auto!important;vertical-align:middle} #meltum-hops-expanded .meltum-cart-content .woocommerce-cart-form table.shop_table tr{height:auto!important;min-height:0!important} #meltum-hops-expanded .meltum-cart-content .woocommerce-cart-form .product-thumbnail{width:76px} #meltum-hops-expanded .meltum-cart-content .woocommerce-cart-form .product-thumbnail img{display:block!important;width:46px!important;max-width:46px!important;height:56px!important;max-height:56px!important;object-fit:contain!important;margin:0 auto!important} #meltum-hops-expanded .meltum-cart-content .woocommerce-cart-form .product-thumbnail a{display:block;padding:0;margin:0} #meltum-hops-expanded .meltum-cart-content .woocommerce-cart-form .product-name{line-height:1.35} #meltum-hops-expanded .meltum-cart-content .woocommerce-cart-form .product-name p{margin:4px 0} @media(max-width:760px){#meltum-hops-expanded .meltum-cart-content .woocommerce-cart-form table.shop_table td{padding:8px!important}} /* Final compact layouts and accessible controls. */ #meltum-hops-expanded .shop-catalog .meltum-product-grid li.product img{background:transparent!important;mix-blend-mode:multiply} #meltum-hops-expanded .shop-catalog .meltum-product-grid li.post-2792 .woocommerce-LoopProduct-link img{padding:0!important;transform:scale(.82);transform-origin:center} #meltum-hops-expanded .specials{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch} #meltum-hops-expanded .special{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:12px 16px;padding:22px;min-height:0;align-content:start} #meltum-hops-expanded .special h3{min-height:0;margin:0;font-size:32px;grid-column:1} #meltum-hops-expanded .special>p{min-height:0;max-width:none;margin:0;grid-column:1;font-size:16px;line-height:1.55} #meltum-hops-expanded .special>img{position:static;grid-column:2;grid-row:1/span 4;align-self:center;width:100%;height:210px;margin:0;object-fit:contain;transform:none} #meltum-hops-expanded .special-actions{grid-column:1/-1;display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:6px 0 0} #meltum-hops-expanded .special-actions .text-link{font-size:14px;font-weight:800} #meltum-hops-expanded .special-actions .untappd-button{width:auto;min-height:29px;padding:6px 9px;display:inline-flex;align-items:center;gap:7px} #meltum-hops-expanded .special-actions .untappd-button img{position:static!important;width:48px!important;height:17px!important;object-fit:contain;transform:none;margin:0} #meltum-hops-expanded .special-actions .untappd-button span{font-size:12px} #meltum-hops-expanded .footer-links{display:flex;align-items:center;gap:24px;flex-wrap:wrap} #meltum-hops-expanded .footer-links a{display:inline-flex;align-items:center;font-weight:800;font-size:14px;line-height:1.4;padding:0;margin:0} #meltum-hops-expanded .footer-links .untappd-button{background:transparent;border:0;min-height:0;color:inherit} #meltum-hops-expanded .meltum-locations{padding:38px var(--meltum-gutter,38px) 60px} #meltum-hops-expanded .meltum-location-map{background:#f0f0e4;color:#101310;min-height:400px} #meltum-hops-expanded .quantity{width:auto!important;min-width:0} #meltum-hops-expanded .meltum-quantity-control{display:inline-flex;align-items:center;gap:0;border:1px solid #d9ed3f;background:#f0f0e4;color:#101310;vertical-align:middle} #meltum-hops-expanded .meltum-quantity-control input.qty{width:44px!important;min-width:44px!important;height:44px!important;padding:4px!important;border:0!important;border-radius:0!important;background:#f0f0e4!important;color:#101310!important;text-align:center;font:700 18px/1 Manrope,Arial,sans-serif!important;appearance:textfield;box-sizing:border-box} #meltum-hops-expanded .meltum-quantity-control input::-webkit-inner-spin-button,#meltum-hops-expanded .meltum-quantity-control input::-webkit-outer-spin-button{appearance:none;margin:0} #meltum-hops-expanded .meltum-qty-step{width:30px;height:44px;padding:0;border:0;background:#d9ed3f;color:#101310;font:800 22px/1 Manrope,Arial,sans-serif;cursor:pointer} #meltum-hops-expanded .meltum-qty-step:focus-visible{outline:2px solid #101310;outline-offset:-3px} #meltum-hops-expanded .special.hopsperiment{grid-template-columns:minmax(0,1fr) 150px} #meltum-hops-expanded .special.hopsperiment>img{height:280px;min-width:0;align-self:center;filter:none} #meltum-hops-expanded .meltum-video-controls{display:flex;width:min(100%,360px);align-items:center;gap:10px;flex-wrap:wrap;position:relative;z-index:2} #meltum-hops-expanded .meltum-video-controls .meltum-video-toggle{min-width:90px;padding:8px 12px} #meltum-hops-expanded .meltum-video-seek{flex:1;min-width:90px;accent-color:#d9ed3f;cursor:pointer;height:24px} #meltum-hops-expanded .meltum-video-time{width:100%;text-align:center;font:700 13px/1.4 Manrope,Arial,sans-serif;color:#f0f0e4;font-variant-numeric:tabular-nums} @media(max-width:760px){#meltum-hops-expanded .special.hopsperiment{grid-template-columns:minmax(0,1fr) 135px}#meltum-hops-expanded .special.hopsperiment h3{grid-column:1/-1}#meltum-hops-expanded .special.hopsperiment>img{grid-row:2;grid-column:2;height:280px;width:100%}} #meltum-hops-expanded .meltum-video-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:42px;min-width:112px;padding:10px 18px;background:#d9ed3f;color:#101310;border:1px solid #d9ed3f;font:800 14px/1.4 Manrope,Arial,sans-serif;cursor:pointer;position:relative;z-index:2} @media(max-width:1100px){#meltum-hops-expanded .specials{grid-template-columns:1fr}#meltum-hops-expanded .special{grid-template-columns:minmax(0,1fr) 125px}#meltum-hops-expanded .special.hopsperiment{grid-column:auto}} @media(max-width:760px){#meltum-hops-expanded .special{padding:20px;grid-template-columns:minmax(0,1fr) 90px;gap:10px 14px}#meltum-hops-expanded .special h3{font-size:30px}#meltum-hops-expanded .special>img{height:190px}#meltum-hops-expanded .meltum-locations{padding:24px 23px 36px}#meltum-hops-expanded .footer-links{gap:16px}} .woocommerce-page main{width:100%;max-width:1280px;margin:auto;padding:40px 5vw}.woocommerce div.product p.price,.woocommerce ul.products li.product .price{color:#d9ed3f}.woocommerce a.button,.woocommerce button.button,.woocommerce button.button.alt,.woocommerce a.button.alt{background:#d9ed3f;color:#101310;border-radius:0}.woocommerce input.input-text,.woocommerce textarea,.woocommerce select{background:#f0f0e4;color:#101310;padding:10px}.woocommerce-info,.woocommerce-message,.woocommerce-error{color:#101310}