:root{--red:#cf0c17;--black:#050505;--panel:#0e0e0f;--line:#303033;--white:#f8f8f8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--black);color:var(--white);font-family:Inter,Arial,sans-serif;margin:0}.announcement{background:linear-gradient(90deg,#9a0710,#db1622);font-size:10px;font-weight:800;letter-spacing:.08em;padding:10px;text-align:center}.header{align-items:center;background:#050505;display:flex;height:86px;justify-content:space-between;padding:0 4vw;position:sticky;top:0;z-index:5}.logo{color:#fff;font:900 34px/ .8 'Barlow Condensed',sans-serif;letter-spacing:-.04em;text-decoration:none}.logo em,h2 em,h1 em{color:var(--red);font-style:italic}.logo small{display:block;font:700 8px/1.5 Inter,sans-serif;letter-spacing:.22em}.header nav{display:flex;gap:30px}.header nav a,.tools button,footer a{background:none;border:0;color:#fff;cursor:pointer;font-size:10px;font-weight:800;letter-spacing:.04em;text-decoration:none;text-transform:uppercase}.tools{display:flex;gap:17px}.tools button{font-size:23px}.tools b{background:var(--red);border-radius:50%;font:700 9px Inter;padding:3px 6px}.menu-toggle{display:none}.hero{height:min(570px,calc(100vh - 116px));min-height:480px;overflow:hidden;position:relative}.hero-image{background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.83) 28%,rgba(5,5,5,.08) 72%),url('hero-athlete.png') 68% center/cover;inset:0;position:absolute}.hero-content{left:5vw;position:absolute;top:50%;transform:translateY(-50%)}.eyebrow{font:700 10px 'DM Mono',monospace;letter-spacing:.12em}.hero h1{font:900 clamp(57px,7vw,102px)/.76 'Barlow Condensed',sans-serif;letter-spacing:.01em;margin:15px 0}.hero h1 em{font-style:italic}.hero-content>p:not(.eyebrow){font-size:13px;line-height:1.6}.cta,.product button,.newsletter button{background:var(--red);border:0;color:#fff;display:inline-flex;font-size:11px;font-weight:800;gap:28px;letter-spacing:.04em;margin-top:13px;padding:15px 18px;text-decoration:none}.cta span{font-size:18px;line-height:.5}.trust{border-bottom:1px solid var(--line);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:18px 5vw}.trust>div{align-items:center;border-right:1px solid var(--line);color:var(--red);display:flex;font-size:23px;gap:14px;padding:0 22px}.trust>div:first-child{padding-left:0}.trust span{color:#bbb;font-size:9px;line-height:1.55}.trust strong{color:#fff;display:block;font-size:10px}.shop{padding:44px 5vw 65px}.section-head{align-items:center;display:flex;justify-content:space-between}.section-head h2,.about h2,.newsletter h2{font:800 25px 'Barlow Condensed',sans-serif;letter-spacing:.02em;margin:0}.section-head a{color:#fff;font-size:10px;font-weight:800;text-decoration:none}.categories,.products{display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-top:18px}.categories article,.product{background:linear-gradient(145deg,#121213,#0d0d0e);border:1px solid var(--line);min-height:215px;padding:14px;text-align:center}.categories h3,.product h3{font-size:11px;margin:7px 0 4px;text-transform:uppercase}.categories p,.product p{color:#bbb;font-size:9px;margin:0}.jar{background:linear-gradient(90deg,#151515,#3b3b3c 42%,#111 70%);border:3px solid #252526;border-radius:13px 13px 18px 18px;box-shadow:inset 0 0 18px #000,0 17px 17px #0006;height:126px;margin:7px auto 12px;position:relative;width:82px}.jar:before{background:#111;border:3px solid #333;border-radius:5px;content:'';height:14px;left:-5px;position:absolute;top:-13px;width:86px}.jar:after{color:#fff;content:'VYRON\A WHEY';font:900 16px/.9 'Barlow Condensed';left:8px;position:absolute;top:38px;white-space:pre;width:65px}.pre:after{content:'VYRON\A PRE';color:#fff}.creatine:after{content:'VYRON\A CREA';color:#fff}.bcaa:after{content:'VYRON\A BCAA';color:#fff}.shaker{background:linear-gradient(90deg,#080808,#444,#0c0c0c);border-radius:13px 13px 20px 20px;font:800 15px 'Barlow Condensed';height:144px;margin:0 auto;width:63px;padding-top:67px}.featured-head{margin-top:42px}.product{min-height:315px;position:relative}.product .jar{height:138px;margin-top:10px}.product strong{display:block;font-size:15px;margin:8px}.stars{color:#ffd000;font-size:11px}.stars i{color:#aaa;font-size:9px;font-style:normal}.product button{bottom:10px;cursor:pointer;justify-content:space-between;left:10px;margin:0;position:absolute;right:10px}.badge{background:var(--red);font-size:8px;font-weight:800;left:9px;padding:5px;position:absolute;top:9px}.about{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;min-height:410px}.about-image{background:linear-gradient(120deg,#0007,#0002),url('hero-athlete.png') center/cover;filter:grayscale(1)}.about-copy{padding:63px 9vw 55px 45px}.about-copy>p:not(.eyebrow){color:#ddd;font-size:12px;line-height:1.65;max-width:450px}.newsletter{align-items:center;border-bottom:1px solid var(--line);border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:35px 5vw}.newsletter h2{font-size:24px}.newsletter p{color:#ccc;font-size:11px}.newsletter form{border:1px solid var(--line);display:flex;width:min(420px,100%)}.newsletter input{background:#0d0d0d;border:0;color:#fff;flex:1;outline:0;padding:14px}.newsletter button{margin:0}footer{display:grid;gap:25px;grid-template-columns:2fr 1fr 1.2fr 1fr;padding:48px 5vw 25px}footer>div>strong{display:block;font-size:10px;margin-bottom:13px}footer a,footer p{color:#bbb;display:block;font-size:9px;line-height:1.8;text-transform:none}footer>small{color:#888;font-size:8px;grid-column:1/-1;margin-top:20px}.cart{background:#0a0a0a;border-left:1px solid var(--line);bottom:0;display:flex;flex-direction:column;position:fixed;right:0;top:0;transform:translateX(100%);transition:.25s;width:min(390px,100%);z-index:8}.cart.open{transform:none}.cart-head{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:23px}.cart-head strong{font:800 13px 'DM Mono',monospace}.cart-close{background:none;border:0;color:#fff;font-size:29px}.cart-items{flex:1;padding:23px}.cart-items p{color:#aaa;font-size:12px}.cart-row{border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:14px 0}.cart-row button{background:none;border:0;color:#aaa;cursor:pointer}.cart-bottom{border-top:1px solid var(--line);padding:22px}.cart-bottom>div{display:flex;justify-content:space-between}.cart-bottom p{color:#aaa;font-size:10px}.cart-bottom button{width:100%;cursor:pointer}.overlay{background:#000b;inset:0;opacity:0;pointer-events:none;position:fixed;transition:.25s;z-index:7}.overlay.show{opacity:1;pointer-events:auto}@media(max-width:760px){.header{height:72px}.header nav{display:none}.menu-toggle{background:none;border:0;color:#fff;display:block;font-size:20px;order:3}.header .logo{font-size:27px}.tools{gap:7px}.tools button{font-size:17px}.hero{height:570px}.hero-image{background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.65) 65%,rgba(5,5,5,.1)),url('hero-athlete.png') 64% center/cover}.trust{grid-template-columns:1fr 1fr;padding:8px 5vw}.trust>div{border:0;font-size:16px;padding:10px 0}.categories,.products{grid-template-columns:1fr 1fr}.categories article:nth-child(n+3),.product:nth-child(n+3){display:none}.section-head a{display:none}.about{grid-template-columns:1fr}.about-image{height:220px}.about-copy{padding:45px 7vw}.newsletter{align-items:start;flex-direction:column;gap:20px}.newsletter form{width:100%}footer{grid-template-columns:1fr 1fr}.hero h1{font-size:68px}}
/* De slogan onder het logo blijft altijd in hoofdletters. */
.logo, .logo small { text-transform: uppercase; }

/* Echte productfoto's voor de supplementenkaarten. */
.jar {
  background-color: #0c0c0d !important;
  background-image: url('products-lineup.png') !important;
  background-repeat: no-repeat !important;
  background-size: 400% auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  width: 100px !important;
}
.jar::before, .jar::after { display: none !important; }
.whey { background-position: 0 center !important; }
.pre { background-position: 34% center !important; }
.creatine { background-position: 67% center !important; }
.bcaa { background-position: 100% center !important; }
.product .jar { height: 155px !important; margin-bottom: 6px; }

/* Het merk en de productinformatie staan direct op de verpakkingen. */
.product .jar::after {
  background: linear-gradient(180deg, rgba(5,5,5,.12), rgba(5,5,5,.72));
  color: #fff !important;
  display: block !important;
  font: 900 15px/.92 'Barlow Condensed', sans-serif !important;
  left: 0;
  letter-spacing: .03em;
  padding: 64px 8px 8px;
  position: absolute;
  text-align: left;
  text-shadow: 0 2px 3px #000;
  top: 0;
  width: 100%;
}
.product .whey::after { content: 'PRO FXS\A WHEY ISOLATE\A CHOCOLATE · 2KG' !important; white-space: pre; }
.product .pre::after { content: 'PRO FXS\A PRE-WORKOUT\A ULTIMATE · 300G' !important; white-space: pre; }
.product .creatine::after { content: 'PRO FXS\A CREATINE\A MONOHYDRATE · 500G' !important; white-space: pre; }
.product .bcaa::after { content: 'PRO FXS\A BCAA 2:1:1\A WATERMELON · 400G' !important; white-space: pre; }
.shaker-photo { background: url('shaker-product.png') center/contain no-repeat; height: 155px; margin: 0 auto 6px; width: 100%; }

/* Vast logo-ontwerp: PRO wit en FXS rood, zoals het referentielogo. */
.logo { align-items: baseline; display: inline-flex; flex-wrap: wrap; gap: 8px; line-height: .72; }
.logo .logo-pro, .logo .logo-fxs { font-family: 'Barlow Condensed', sans-serif; font-size: 1.2em; font-style: italic; font-weight: 900; letter-spacing: -.055em; transform: skewX(-9deg); }
.logo .logo-pro { color: #fff; }
.logo .logo-fxs { color: #c8111d; }
.logo small { flex-basis: 100%; letter-spacing: .25em; margin-top: 7px; }

@media (min-width: 761px) { .products { grid-template-columns: repeat(4, 1fr); } }

/* Producten uit het aangeleverde voorbeeld, per kaart uitgesneden. */
.categories .jar, .product .jar {
  background-image: url('product-reference.png') !important;
  background-size: 500px 273px !important;
}
.categories .whey { background-position: -7px -8px !important; }
.categories .pre { background-position: -105px -8px !important; }
.categories .creatine { background-position: -204px -8px !important; }
.product .whey { background-position: -7px -143px !important; }
.product .pre { background-position: -105px -143px !important; }
.product .creatine { background-position: -204px -143px !important; }
.product .bcaa { background-position: -302px -143px !important; }
.shaker-photo { background-image: url('product-reference.png') !important; background-position: -400px -143px !important; background-repeat: no-repeat !important; background-size: 500px 273px !important; }
.bar-photo { background: url('product-reference.png') -400px -8px / 500px 273px no-repeat; height: 126px; margin: 7px auto 12px; width: 100px; }
.product .jar::after { display: none !important; }

/* Het merk in de kop staat exact op twee nette regels. */
.header .logo { display: block; line-height: .7; min-width: 190px; text-align: center; }
.header .logo .logo-pro, .header .logo .logo-fxs { display: inline-block; font-size: 42px; }
.header .logo small { display: block; font-size: 8px; letter-spacing: .25em; margin-top: 9px; text-align: center; }
footer .logo { display: block; text-align: left; }
footer .logo small { display: block; }
@media (max-width: 760px) { .header .logo { min-width: 140px; text-align: left; } .header .logo .logo-pro, .header .logo .logo-fxs { font-size: 30px; } .header .logo small { font-size: 6px; text-align: left; } }
@media (min-width: 761px) { .categories { grid-template-columns: repeat(4, 1fr); } }

/* Het originele aangeleverde logo, overal gelijk gebruikt. */
.logo { display: block !important; min-width: 0 !important; }
.logo img { display: block; height: auto; max-width: 195px; width: 100%; }
footer .logo img { max-width: 180px; }
.brand-inline { height: 28px; object-fit: contain; vertical-align: middle; width: 118px; }
@media (max-width: 760px) { .header .logo { width: 142px; } .header .logo img { max-width: 142px; } }

/* Echt tekstlogo — geen afbeelding. */
.text-logo { color: #fff; display: inline-block !important; min-width: 198px !important; text-align: center; text-decoration: none; }
.text-logo .brand-line { display: block; font: 900 italic 40px/.72 'Barlow Condensed', Arial Black, sans-serif; letter-spacing: -.055em; transform: skewX(-8deg); white-space: nowrap; }
.text-logo .brand-line b { font: inherit; }
.text-logo .brand-line b:first-child { color: #fff; margin-right: 9px; }
.header .text-logo .brand-line b:last-child { color: #c8101c !important; }
.text-logo .brand-line .fxs-red { color: #e30613 !important; }
.text-logo .brand-line sup { color:#fff; font:700 9px/1 Inter,Arial,sans-serif; margin-left:3px; position:relative; top:-1.8em; }
.text-logo small { color: #fff; display: block; font: 800 8px/1 Inter, Arial, sans-serif; letter-spacing: .27em; margin-top: 10px; text-transform: uppercase; white-space: nowrap; }
.brand-inline { display: inline-flex; font: 900 italic 26px/.8 'Barlow Condensed', Arial Black, sans-serif; gap: 6px; letter-spacing: -.04em; transform: skewX(-8deg); vertical-align: baseline; }
.brand-inline sup { color:#fff; font:700 7px/1 Inter,Arial,sans-serif; margin-left:1px; transform:translateY(-10px) skewX(8deg); }
.brand-inline b:first-child { color: #fff; }.brand-inline b:last-child { color: #c8101c; }
footer .text-logo { text-align: left; }
footer .text-logo small { font-size: 7px; }
@media (max-width: 760px) { .header .text-logo { min-width: 142px !important; width: 142px; }.text-logo .brand-line { font-size: 29px; }.text-logo small { font-size: 5.7px; letter-spacing: .22em; margin-top: 8px; } }

/* Losse productafbeeldingen uit het aangeleverde voorbeeld. */
.categories article, .products .product { background-color: #080809; background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden; }
.categories article { aspect-ratio: 84 / 98; min-height: 0; padding: 0; }
.categories article > * { display: none; }
.categories article:nth-child(1) { background-image: url('category-card-whey.png'); }
.categories article:nth-child(2) { background-image: url('category-card-pre.png'); }
.categories article:nth-child(3) { background-image: url('category-card-creatine.png'); }
.categories article:nth-child(4) { background-image: url('category-card-shaker.png'); }
.categories article:nth-child(5) { background-image: url('category-card-bars.png'); }
.products .product { aspect-ratio: 84 / 112; min-height: 0; padding: 0; }
.products .product > :not(button) { display: none; }
.products .product:nth-child(1) { background-image: url('product-card-whey.png'); }
.products .product:nth-child(2) { background-image: url('product-card-pre.png'); }
.products .product:nth-child(3) { background-image: url('product-card-creatine.png'); }
.products .product:nth-child(4) { background-image: url('product-card-bcaa.png'); }
.products .product:nth-child(5) { background-image: url('product-card-shaker.png'); }
.products .product button { background: transparent !important; bottom: 0; color: transparent !important; left: 0; opacity: 0 !important; padding: 0; position: absolute; right: 0; top: 0; z-index: 2; }
.products .product button b { display: none; }

/* Grote, scherpe productfoto's binnen ieder productvak. */
.products .product { aspect-ratio: auto; background-image: none !important; min-height: 330px; padding: 13px; }
.products .product > :not(button) { display: block; }
.products .product .jar { background-color: #0b0b0c !important; background-position: center !important; background-repeat: no-repeat !important; background-size: contain !important; height: 160px !important; margin: 0 auto 8px; max-width: 145px; width: 100% !important; }
.products .product .whey { background-image: url('sharp-whey.png') !important; }
.products .product .pre { background-image: url('sharp-pre.png') !important; }
.products .product .creatine { background-image: url('sharp-creatine.png') !important; }
.products .product .bcaa { background-image: url('sharp-bcaa.png') !important; }
.products .product .shaker-photo { background: #0b0b0c url('sharp-shaker.png') center/contain no-repeat !important; display: block; height: 160px; margin: 0 auto 8px; max-width: 145px; width: 100%; }
.products .product .jar::after { display: none !important; }
.products .product h3 { color: #fff; font-size: 10px; line-height: 1.25; margin: 4px 0; }
.products .product p { color: #c4c4c4; font-size: 8px; line-height: 1.3; }
.products .product .stars { display: block; margin-top: 7px; }
.products .product strong { display: block; margin: 7px 0; }
.products .product .badge { display: block; }
.products .product button { background: #c8101c !important; bottom: 10px; color: #fff !important; left: 10px; opacity: 1 !important; padding: 12px !important; right: 10px; top: auto; }
.products .product button b { display: inline; }

/* Nieuwe verpakkingstijl: geen oude productfoto's meer. */
.categories article, .products .product {
  background-color: #090909 !important;
  background-image: linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.68)), url('pro-fxs-packaging-theme.png') !important;
  background-position: center !important;
  background-size: cover !important;
}
.categories article { align-items: center; display: flex; flex-direction: column; justify-content: center; min-height: 170px; padding: 18px; }
.categories article > .jar, .categories article > .shaker, .categories article > .bar-photo { display: none !important; }
.categories article > h3, .categories article > p { display: block !important; }
.categories article h3 { font-size: 13px; margin: 0 0 6px; }
.products .product { min-height: 270px; padding: 26px 14px 58px; }
.products .product .jar, .products .product .shaker-photo { display: none !important; }
.products .product h3 { font: 900 20px 'Barlow Condensed', sans-serif; letter-spacing: .03em; margin-top: 54px; }
.products .product p { font-size: 9px; }
.products .product .stars, .products .product strong { position: relative; z-index: 1; }

/* Verpakkingstijl volgens het voorbeeld: matzwart, wit en rood. */
.categories article, .products .product { background: linear-gradient(145deg, #171718, #080809 70%) !important; }
.categories article { display: block; min-height: 215px; padding: 14px; }
.categories article > .jar, .categories article > .shaker, .categories article > .bar-photo { display: block !important; }
.categories article h3 { margin: 7px 0 4px; }
.products .product { min-height: 330px; padding: 13px; }
.products .product .jar, .products .product .shaker-photo { display: block !important; }
.jar {
  background: linear-gradient(90deg, #151515 0%, #363638 44%, #0b0b0c 100%) !important;
  border: 2px solid #2b2b2d !important;
  border-radius: 12px 12px 18px 18px !important;
  box-shadow: inset 0 0 18px #000, 0 12px 18px #0008 !important;
  height: 132px !important;
  margin: 7px auto 12px !important;
  max-width: 88px !important;
  overflow: visible;
  position: relative;
  width: 88px !important;
}
.products .product .jar { height: 145px !important; margin: 7px auto 10px !important; max-width: 100px !important; width: 100px !important; }
.jar::before { background: linear-gradient(#2f2f31, #080808); border: 2px solid #424244; border-radius: 7px 7px 3px 3px; content: ''; display: block !important; height: 16px; left: -4px; position: absolute; top: -13px; width: calc(100% + 8px); }
.jar::after { background: linear-gradient(90deg, #111 0%, #171717 70%, #8b1016 100%); border-bottom: 3px solid #c8101c; border-top: 2px solid #c8101c; color: #fff !important; content: 'PRO FXS\A WHEY\A ISOLATE' !important; display: block !important; font: 900 15px/.88 'Barlow Condensed', sans-serif !important; left: 6px; letter-spacing: .03em; padding: 12px 5px; position: absolute; text-align: left; top: 34px; white-space: pre; width: calc(100% - 12px); }
.pre::after { content: 'PRO FXS\A PRE-WORKOUT\A ULTIMATE' !important; font-size: 12px !important; }
.creatine::after { content: 'PRO FXS\A CREATINE\A MONOHYDRATE' !important; font-size: 12px !important; }
.bcaa::after { content: 'PRO FXS\A BCAA 2:1:1\A WATERMELON' !important; font-size: 12px !important; }
.shaker, .shaker-photo { background: linear-gradient(90deg, #080808, #373739, #080808) !important; border: 2px solid #3b3b3d; border-radius: 11px 11px 18px 18px; box-shadow: inset 0 0 14px #000, 0 12px 18px #0008; color: #fff; display: block !important; font: 900 11px 'Barlow Condensed', sans-serif; height: 145px !important; margin: 0 auto 10px !important; padding-top: 64px; position: relative; text-align: center; width: 58px !important; }
.shaker::before, .shaker-photo::before { background: #171717; border: 2px solid #444; border-radius: 4px; content: ''; height: 12px; left: -4px; position: absolute; top: -11px; width: calc(100% + 8px); }
.shaker::after, .shaker-photo::after { border-bottom: 2px solid #c8101c; border-top: 2px solid #c8101c; content: 'PRO FXS'; font: 900 10px 'Barlow Condensed', sans-serif; left: 6px; padding: 5px 0; position: absolute; top: 45px; width: calc(100% - 12px); }
.bar-photo { background: linear-gradient(135deg, #161616, #050505 45%, #9a1018) !important; border: 1px solid #4b4b4b; box-shadow: 0 10px 16px #0008; height: 45px !important; margin: 48px auto 26px !important; position: relative; transform: rotate(-8deg); width: 115px !important; }
.bar-photo::after { color: #fff; content: 'PRO FXS  ·  PROTEIN BAR'; font: 900 10px 'Barlow Condensed', sans-serif; left: 10px; position: absolute; top: 15px; white-space: nowrap; }
.products .product .whey, .products .product .pre, .products .product .creatine, .products .product .bcaa { background-image: none !important; background-size: auto !important; }
.products .product .shaker-photo { background: linear-gradient(90deg, #080808, #373739, #080808) !important; background-size: auto !important; }
.products .product h3 { font: 900 13px 'Inter', Arial, sans-serif; margin: 5px 0 4px !important; }
.products .product p { margin: 0; }

/* Alleen echte PRO FXS-producten tonen: geen lege vakken of lege kolommen. */
.categories { display: none !important; }
.products { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
.products .product:nth-child(n+5),
.products .product:empty { display: none !important; }
@media (max-width:760px) { .products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }

/* Officiële verpakking-afbeeldingen voor de eerste collectie. */
.products .product .pre {
  background: url('pre-workout-3d.png') center/contain no-repeat !important;
  border: 0 !important;
  box-shadow: none !important;
  height: 170px !important;
  max-width: 138px !important;
  width: 138px !important;
}
.products .product .pre::before,
.products .product .pre::after { display: none !important; }
.products .product .whey,
.products .product .creatine {
  border: 0 !important;
  box-shadow: none !important;
  height: 170px !important;
  max-width: 138px !important;
  width: 138px !important;
}
.products .product .whey { background: url('whey-3d.png') center/contain no-repeat !important; }
.products .product .creatine { background: url('creatine-3d.png') center/contain no-repeat !important; }
.products .product .whey::before,
.products .product .whey::after,
.products .product .creatine::before,
.products .product .creatine::after { display: none !important; }
.categories article:nth-child(5) .bar-photo,
.products .product .product-bar {
  background: url('protein-bar-3d.png') center/contain no-repeat !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}
.categories article:nth-child(5) .bar-photo { height:126px !important; margin:7px auto 12px !important; width:100% !important; }
.products .product .product-bar { height:170px !important; margin:7px auto 10px !important; width:100% !important; }
.categories article:nth-child(5) .bar-photo::after,
.products .product .product-bar::after { display:none !important; }
.products .product .jar,
.products .product .product-bar { transform:perspective(700px) rotateY(-7deg) rotateX(2deg); transition:transform .28s ease, filter .28s ease; }
.products .product:hover .jar,
.products .product:hover .product-bar { filter:drop-shadow(0 20px 15px rgba(0,0,0,.65)); transform:perspective(700px) rotateY(0) rotateX(0) translateY(-7px) scale(1.04); }
.team-link{color:#fff;font-size:9px;font-weight:800;letter-spacing:.04em;text-decoration:none}.coupon-form{display:flex;margin-bottom:7px}.coupon-form input{background:#101010;border:1px solid #444;color:#fff;min-width:0;padding:10px;width:100%}.coupon-form button{background:#e30613;border:0;color:#fff;font-size:9px;font-weight:800;padding:0 10px}.coupon-message,.discount-result{color:#bbb;font-size:10px}.discount-result{color:#fff}.checkout{align-items:center;background:#000c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10}.checkout[hidden]{display:none!important}.checkout-card{background:#101011;border:1px solid #444;max-width:460px;padding:30px;position:relative;width:100%}.checkout-card h2{font:800 30px 'Barlow Condensed',Arial}.checkout-card p{color:#ccc;font-size:12px;line-height:1.5}.checkout-card input{background:#080808;border:1px solid #555;color:#fff;display:block;margin:10px 0;padding:13px;width:100%}.checkout-card form button{background:#e30613;border:0;color:#fff;font-weight:800;padding:14px;width:100%}.checkout-close{background:none;border:0;color:#fff;font-size:26px;position:absolute;right:12px;top:9px}