/*
Theme Name: Flatsome Child
Theme URI: https://www.fugglerit.shop/
Description: Cardboard comic storefront for fugglerit.shop. Built on Flatsome.
Author: fugglerit.shop
Template: flatsome
Version: 2.6.4
Text Domain: flatsome-child
*/

:root {
  --fg-ink: #111111;
  --fg-paper: #e7d3ae;
  --fg-card: #f6f0e4;
  --fg-kraft: #c9a36b;
}

body {
  background: #111 url("assets/cardboard.jpg") center top / 560px repeat !important;
  color: #111;
  font-family: "Comic Neue", "Comic Sans MS", cursive !important;
  font-weight: 700 !important;
  font-size: 18px;
  line-height: 1.35;
}

img,
svg,
video,
iframe {
  max-width: 100%;
}

h1, h2, h3, h4,
.header-nav,
.widget-title,
.product-title,
.woocommerce-loop-product__title,
.section-title,
.fg-torn,
.banner h1,
.banner h2 {
  font-family: "Lilita One", Impact, sans-serif !important;
  letter-spacing: 0.4px;
  line-height: 1.05;
  text-transform: uppercase;
}

a {
  color: #111;
}

#wrapper,
#main,
.page-wrapper,
.shop-page-title,
.page-title-inner,
.checkout-page-title,
.category-page-title,
.featured-title,
.normal-title {
  background: transparent !important;
  background-image: none !important;
}

/* Promo bar is off. Shipping copy stays on the product, cart, and checkout. */
#top-bar,
.header-top {
  display: none !important;
}

#top-bar .html,
.header-top .html,
#top-bar a,
.header-top a {
  color: #fff !important;
  font-family: "Comic Neue", "Comic Sans MS", cursive !important;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  text-align: center;
  line-height: 1.3;
}

#top-bar .flex-row,
.header-top .flex-row {
  justify-content: center;
  flex-wrap: wrap;
}

#top-bar li.html,
.header-top li.html {
  float: none;
  width: 100%;
}

/* Cardboard header */
.header-wrapper,
#header,
#masthead,
.header-main {
  background: transparent url("assets/cardboard.jpg") center / 560px repeat !important;
  color: #111;
  box-shadow: none;
}

#masthead.header-main {
  height: 76px !important;
  overflow: visible !important;
}

#logo img {
  max-height: 118px !important;
}

.stuck #masthead.header-main {
  height: 64px !important;
}

.stuck #logo img {
  max-height: 56px !important;
  margin-bottom: 0 !important;
}

.header-bottom,
.header-main .top-divider {
  display: none !important;
}

.header-main,
.header-bottom,
#masthead .header-inner {
  overflow: visible;
}

#logo {
  position: relative;
  z-index: 6;
}

#logo img,
.header-logo,
.header-logo-dark {
  max-height: 128px;
  width: auto;
  height: auto;
  margin-bottom: -46px;
  position: relative;
  z-index: 6;
  filter: drop-shadow(0 8px 0 rgba(0, 0, 0, 0.16));
}

.header-full-width .header-inner.container {
  max-width: none;
  padding-left: 22px;
  padding-right: 22px;
}

.header-nav-main.nav-left {
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.header-nav-main.nav-left > li > a.nav-top-link {
  background: #111;
  color: #fff !important;
  font-family: "Lilita One", Impact, sans-serif !important;
  font-size: 15px;
  white-space: nowrap;
  letter-spacing: 0;
  text-transform: uppercase;
  padding: 8px 12px 11px !important;
  margin: 0 4px;
  line-height: 1.05;
  clip-path: polygon(0 2%, 100% 0, 98% 100%, 1% 92%);
}

.header-nav-main.nav-left > li > a.nav-top-link:hover {
  background: #fff;
  color: #111 !important;
}

.header-nav-main.nav-left .icon-angle-down {
  display: none;
}

.header-nav-main.nav-right > li > a.nav-top-link {
  background: transparent !important;
  color: #111 !important;
  clip-path: none;
  margin: 0 2px;
  padding: 6px 8px !important;
  box-shadow: none;
}

.header-cart-title {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.header-cart-link .cart-icon {
  color: #111;
}

.header-cart-link,
.header .account-link,
.header .nav-top-not-logged-in,
.header-search a,
.nav-icon a,
.cart-icon,
.header .header-cart-title,
.header-cart-link .header-cart-title {
  color: #111 !important;
}

.header-button,
.nav-icon {
  min-width: 36px;
}

.nav-dropdown {
  background: #f6f0e4 url("assets/cardboard.jpg") center / 480px repeat !important;
  color: #111 !important;
  border: 3px solid #111;
  box-shadow: 6px 6px 0 #111;
  max-width: min(920px, calc(100vw - 24px));
}

.nav-dropdown a,
.nav-dropdown h3,
.nav-dropdown h4,
.fg-mega-list a {
  color: #111 !important;
  font-family: "Lilita One", Impact, sans-serif !important;
}

.fg-mega-list {
  list-style: none;
  margin: 0;
  padding: 8px 12px 12px;
}

.fg-mega-list a {
  display: inline-block;
  text-decoration: none;
  border-bottom: 3px solid #111;
  margin: 0 0 8px;
}

/* Mobile drawer */
@media (max-width: 849px) {
  #masthead .header-inner {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
  }

  #masthead .flex-left.show-for-medium {
    order: 1;
    flex: 0 0 auto;
  }

  #masthead #logo {
    order: 2;
    flex: 1 1 auto;
    max-width: none;
    text-align: center;
  }

  #masthead .flex-right.show-for-medium {
    order: 3;
    flex: 0 0 auto;
  }

  #masthead.header-main {
    height: 64px !important;
  }

  #logo img {
    max-height: 54px !important;
    max-width: 168px;
    margin-bottom: 0 !important;
  }
}

#main-menu.mobile-sidebar,
.off-canvas-left .mfp-content {
  background: #e7d3ae url("assets/cardboard.jpg") center / 420px repeat !important;
}

.nav-sidebar.nav-vertical > li > a {
  font-family: "Lilita One", Impact, sans-serif !important;
  text-transform: uppercase;
  color: #fff !important;
  background: #111;
  margin: 6px 12px;
  padding: 10px 12px !important;
  clip-path: polygon(0 0, 100% 8%, 98% 100%, 2% 90%);
}

.nav-sidebar .sub-menu a,
.nav-sidebar .children a {
  background: transparent;
  color: #111 !important;
  clip-path: none;
  margin: 0 12px;
}

#top-bar .html,
.header-top .html {
  font-size: 13px;
  padding-top: 1px;
  padding-bottom: 1px;
}

/* Hero billboard */
.fg-hero-sec,
.fg-hero-sec > .section-bg,
.fg-hero-sec > .section-content {
  padding: 0 !important;
  margin: 0;
  max-width: none;
}

.fg-hero {
  position: relative;
  min-height: 580px;
  background: #1b1b1b url("assets/graffiti.jpg") center / cover no-repeat;
  overflow: hidden;
}

.fg-hero::before,
.fg-hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 34px;
  z-index: 4;
  background: repeating-linear-gradient(-18deg, #111 0 14px, #f2d21a 14px 28px);
}

.fg-hero::before { top: 0; }
.fg-hero::after { bottom: 0; }

.fg-bill {
  display: none;
  min-height: 580px;
  grid-template-columns: 1.05fr 0.95fr;
  align-items: center;
  gap: 8px;
  padding: 56px 6vw 72px;
}

.fg-bill.is-on {
  display: grid;
}

.fg-bill img {
  width: 100%;
  height: min(620px, 70vh);
  object-fit: contain;
  object-position: center bottom;
  justify-self: center;
  align-self: end;
  background: transparent;
  filter: drop-shadow(6px 10px 0 rgba(0, 0, 0, 0.18));
}

.fg-bill h1 {
  color: #111;
  font-size: clamp(3.3rem, 7vw, 6.8rem);
  margin: 0 0 8px;
  line-height: 0.84;
  -webkit-text-stroke: 8px #fff;
  paint-order: stroke fill;
  text-shadow: none;
}

.fg-bill .fg-hand {
  color: #111;
  background: transparent;
  display: block;
  padding: 0;
  max-width: 520px;
  font-size: clamp(1.2rem, 2.1vw, 1.7rem);
  line-height: 1.25;
  text-shadow: 0 0 8px #fff, 0 0 2px #fff;
}

.fg-shop {
  display: inline-block;
  margin-top: 10px;
  background: #f2d21a;
  color: #111 !important;
  font-family: "Lilita One", Impact, sans-serif !important;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.4px;
  padding: 7px 14px 9px;
  clip-path: polygon(0 10%, 100% 0, 97% 100%, 3% 88%);
}

.fg-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 11px;
  z-index: 5;
  display: flex;
  justify-content: center;
  gap: 8px;
}

button.fg-dot {
  width: 12px !important;
  height: 12px !important;
  min-height: 0 !important;
  min-width: 0 !important;
  border-radius: 50% !important;
  border: 2px solid #111 !important;
  padding: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
  opacity: 1;
  cursor: pointer;
}

button.fg-dot.is-on {
  background: #111 !important;
}

.fg-kicker,
.fg-hand,
.fg-news-grid p,
.fg-find p,
.fg-note p,
.fg-note a,
.fg-follow-note,
#top-bar .html,
.header-top .html {
  font-family: "Comic Neue", "Comic Sans MS", cursive !important;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

.fg-heck .section-content {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

.fg-heck .section-content,
.fg-meet .section-content,
.fg-news .section-content,
.fg-find .section-content,
.fg-rows .section-content,
.fg-letter .section-content {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}

.fg-torn {
  display: inline-block;
  background: #111;
  color: #fff !important;
  clip-path: polygon(0 12%, 100% 0, 97% 100%, 2% 84%);
  padding: 12px 26px 18px;
  margin: 8px 0 14px;
  font-size: clamp(1.8rem, 4vw, 3rem);
}

#heck,
#news {
  scroll-margin-top: 120px;
}

.fg-heck {
  position: relative;
  text-align: center;
  padding: 0 !important;
  overflow: hidden;
}

.fg-heck .section-bg {
  background: #222 url("assets/graffiti.jpg") center / cover no-repeat !important;
}

.fg-heck-stage {
  position: relative;
  min-height: 440px;
  padding: 36px 15vw 56px;
  overflow: hidden;
}

.fg-heck-card {
  position: relative;
  z-index: 4;
  background: #d8c09a url("assets/cardboard.jpg") center / 520px repeat;
  clip-path: polygon(0 3%, 6% 0, 18% 3%, 34% 0, 52% 4%, 70% 0, 86% 3%, 100% 1%, 100% 97%, 90% 100%, 72% 96%, 50% 100%, 28% 96%, 8% 100%, 0 97%);
  padding: 46px 34px 54px;
}

.fg-heck .fg-hand {
  max-width: 640px;
  margin: 0 auto 10px;
  font-size: clamp(1.15rem, 2vw, 1.5rem);
}

.fg-peek-img {
  position: absolute;
  bottom: 0;
  width: min(280px, 24vw);
  height: 380px;
  object-fit: contain;
  object-position: center bottom;
  z-index: 3;
  pointer-events: none;
  filter: drop-shadow(4px 8px 0 rgba(0, 0, 0, 0.2));
}

.fg-peek-l { left: 0; }
.fg-peek-r { right: 0; }

.fg-meet > .section-bg,
.fg-rows > .section-bg,
.fg-news > .section-bg,
.fg-find > .section-bg,
.fg-letter > .section-bg {
  background: transparent !important;
}

.fg-meet .section-content,
.fg-news .section-content,
.fg-find .section-content,
.fg-rows .section-content {
  text-align: center;
}

.fg-wanted-row {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding: 8px 4px 22px;
  text-align: left;
}

.fg-wanted {
  flex: 0 0 240px;
  scroll-snap-align: start;
  background: #f7f1e6;
  border: 3px solid #111;
  padding: 12px 12px 14px;
  text-decoration: none;
  color: #111 !important;
  box-shadow: 5px 5px 0 #111;
}

.fg-wanted span {
  display: block;
  text-align: center;
  font-family: "Lilita One", Impact, sans-serif !important;
  letter-spacing: 1px;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.fg-scroller {
  position: relative;
}

.fg-scroller button.fg-arrow {
  position: absolute;
  top: 42%;
  z-index: 3;
  width: 44px !important;
  height: 44px !important;
  min-height: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  border-radius: 50% !important;
  border: 3px solid #111 !important;
  background: #fff !important;
  color: #111 !important;
  box-shadow: none !important;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
}

.fg-arrow.prev { left: -6px; }
.fg-arrow.next { right: -6px; }

.fg-wanted img {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center center;
  background: #111;
  border: 3px solid #111;
  display: block;
}

.fg-wanted strong {
  display: block;
  text-align: center;
  margin-top: 8px;
  font-family: "Lilita One", Impact, sans-serif !important;
  font-weight: 400;
  text-transform: uppercase;
}

.fg-notes {
  display: flex;
  gap: 18px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding: 8px 36px 22px;
  text-align: left;
}

.fg-note {
  flex: 0 0 min(920px, 90vw);
  scroll-snap-align: center;
  display: grid;
  grid-template-columns: 240px 1fr;
  gap: 16px;
  min-height: 300px;
  padding: 22px 22px 22px 42px;
  background-color: #fff;
  background-image: repeating-linear-gradient(transparent, transparent 30px, #b7d2ee 31px);
  box-shadow: 0 8px 0 rgba(0, 0, 0, 0.06);
  position: relative;
}

.fg-note::before {
  content: "";
  position: absolute;
  left: 22px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #e07a86;
}

.fg-note img {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center center;
  background: #111;
  border: 3px solid #111;
  align-self: center;
}

.fg-note h3 {
  margin: 8px 0 6px;
  font-size: 1.45rem;
}

.fg-note p,
.fg-note a {
  font-family: "Comic Neue", "Comic Sans MS", cursive !important;
  text-transform: uppercase;
}

.fg-find .fg-torn {
  background: transparent;
  color: #111 !important;
  clip-path: none;
  -webkit-text-stroke: 6px #fff;
  paint-order: stroke fill;
  font-size: clamp(2.6rem, 6vw, 5.2rem);
  padding: 0 8px;
}

.fg-parade {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 18px;
  margin: 22px calc(50% - 50vw) 0;
  padding: 10px calc(50vw - 50%) 0;
  position: relative;
  z-index: 2;
  background: #111;
}

.fg-parade img {
  width: min(300px, 28vw);
  height: auto;
  max-height: 380px;
  object-fit: contain;
  object-position: center bottom;
  background: transparent;
  image-rendering: auto;
  filter: none;
}

.fg-bag {
  position: fixed;
  right: 12px;
  bottom: 16px;
  z-index: 80;
  background: #111;
  color: #fff !important;
  text-decoration: none;
  font-family: "Lilita One", Impact, sans-serif !important;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  padding: 12px 16px 14px;
  clip-path: polygon(0 0, 100% 10%, 94% 100%, 6% 86%);
  box-shadow: 4px 4px 0 #000;
}

.fg-bag-n {
  color: #f2d21a;
}

.fg-find {
  text-align: center;
  overflow: hidden;
}

.fg-news-wrap {
  background: #111;
  color: #fff;
  padding: 28px 20px;
  max-width: 720px;
  margin: 10px auto 20px;
}

.fg-news-wrap h2,
.fg-news-wrap p {
  color: #fff;
}

.fg-news-wrap h2 {
  font-family: "Lilita One", Impact, sans-serif !important;
  text-transform: uppercase;
}

.fg-news,
.fg-track {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.footer-widgets .fg-news {
  flex-direction: column;
}

.footer-widgets .fg-news input,
.footer-widgets .fg-news button {
  width: 100%;
  flex: 1 1 auto;
}

.fg-news input,
.fg-track input,
.fg-track label {
  flex: 1 1 180px;
}

.fg-news input,
.fg-track input {
  min-height: 46px;
  border: 2px solid #111;
  background: #fff;
  padding: 8px 12px;
  font-family: "Comic Neue", "Comic Sans MS", cursive !important;
  font-size: 1.1rem;
}

/* Buttons */
.add-to-cart-button .button,
.add_to_cart_button,
.single_add_to_cart_button,
button.button,
a.button.primary,
.button.primary,
#place_order,
.checkout-button,
.widget_shopping_cart .button,
.fg-news-wrap button,
.fg-track button,
.widget_price_filter .button {
  background: #111 !important;
  color: #fff !important;
  border: 2px solid #111 !important;
  border-radius: 0 !important;
  box-shadow: 4px 4px 0 #fff, 6px 6px 0 #111;
  font-family: "Lilita One", Impact, sans-serif !important;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  min-height: 44px;
}

.box .add_to_cart_button,
.add-to-cart-button .button,
#place_order,
.checkout-button,
.widget_shopping_cart .button {
  width: 100%;
}

.fg-slide .button,
.fg-find .button,
.fg-hazard-inner .button {
  width: auto;
  display: inline-flex;
  align-items: center;
}

/* Product cards */
.products > .col,
.product-small .box,
.product-small .box > *,
.product-small .box-text,
.product-small .title-wrapper,
.product-small .box-text a,
.product-small p.category,
.product-small .product-title,
.product-small .col-inner {
  min-width: 0;
  max-width: 100%;
}

.products .product-small .box,
.product-small .box {
  background: var(--fg-card);
  border: 3px solid #111;
  border-radius: 0;
  box-shadow: 5px 5px 0 #111;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.product-small p.category,
.product-small .product-title,
.product-small .woocommerce-loop-product__title {
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
}

.product-small p.category {
  display: inline-block;
  background: #111;
  color: #fff !important;
  padding: 3px 8px 4px;
  margin: 0 0 6px;
  font-size: 13px !important;
  opacity: 1 !important;
}

.price,
.product-info .price,
.amount {
  color: #111 !important;
  font-family: "Lilita One", Impact, sans-serif !important;
}

.price del,
.price del .amount {
  color: #666 !important;
  font-family: "Comic Neue", "Comic Sans MS", cursive !important;
}

.price ins,
.price ins .amount {
  color: #c4003a !important;
  text-decoration: none;
}

.product-small .box-image,
.related .box-image,
.upsells .box-image,
.has-equal-box-heights .box-image {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  background: #111;
  overflow: hidden;
}

.product-small .box-image img,
.related .box-image img,
.upsells .box-image img,
.has-equal-box-heights .box-image img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0;
  object-fit: cover !important;
  object-position: center center !important;
  background: transparent;
}

.product-small .box-text {
  text-align: center;
  padding: 12px 10px 14px;
}

.product-small .product-title,
.product-small .woocommerce-loop-product__title {
  font-size: 1.05rem;
  line-height: 1.05;
}

.product-gallery img,
.woocommerce-product-gallery img {
  width: 100% !important;
  max-width: 100%;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: transparent;
}

.box-image .image-tools.fg-quick {
  opacity: 1 !important;
  visibility: visible !important;
  bottom: 8px;
  z-index: 4;
  background: transparent !important;
}

.box-image .image-tools.fg-quick .quick-view {
  display: inline-block !important;
  width: auto !important;
  background: #fff;
  color: #111 !important;
  border: 2px solid #111;
  border-radius: 0;
  font-family: "Lilita One", Impact, sans-serif !important;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  padding: 4px 8px;
  font-size: 13px;
  line-height: 1.1;
}

.onsale,
.badge-inner.callout.badge-square {
  background: #111 !important;
  color: #fff !important;
}

.fg-ship-note,
.fg-ship-pdp {
  background: #f2d21a;
  color: #111;
  border: 3px solid #111;
  padding: 10px 12px;
  font-family: "Comic Neue", "Comic Sans MS", cursive !important;
  text-transform: uppercase;
  margin: 12px 0;
}

.woocommerce-cart .cart_totals,
.woocommerce-checkout #order_review,
.woocommerce-checkout #payment,
#order_review .shop_table {
  border: 3px solid #111;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.72);
}

.product-gallery img,
.woocommerce-product-gallery img {
  object-fit: contain;
  background: transparent;
}

.lightbox-content .product-gallery img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto !important;
  max-height: min(420px, 58vh);
  object-fit: contain;
  margin: 12px auto;
}

.mfp-ready .lightbox-content.product-lightbox {
  max-height: calc(100vh - 48px);
  overflow: auto;
}

.product-info,
.product-summary,
#shop-sidebar {
  min-width: 0;
}

.widget_product_categories,
.widget_price_filter {
  max-width: 100%;
}

.widget-title {
  font-family: "Lilita One", Impact, sans-serif !important;
}

/* Footer */
.fg-follow {
  background: #000;
  color: #fff;
  text-align: center;
  padding: 42px 16px 10px;
}

.fg-follow h2 {
  color: #fff;
  font-size: clamp(2rem, 5vw, 3.2rem);
  margin: 0 0 16px;
}

.fg-follow-links {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}

.fg-follow-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 68px;
  height: 68px;
  padding: 0;
  border: 2px solid #fff;
  border-radius: 999px;
  color: #fff !important;
  text-decoration: none;
}

.fg-follow-links svg {
  width: 28px;
  height: 28px;
  fill: none;
  stroke: #fff;
  stroke-width: 2;
}

.fg-follow-note {
  font-family: "Comic Neue", "Comic Sans MS", cursive !important;
  text-transform: uppercase;
  margin: 14px auto 0;
  max-width: 640px;
}

.footer-wrapper,
.footer-widgets.footer,
.absolute-footer,
.footer-1 {
  background: #000 !important;
  color: #fff !important;
}

.footer-widgets .widget-title,
.footer-widgets a,
.absolute-footer,
.copyright-footer {
  color: #fff !important;
}

.footer-widgets .widget-title {
  font-family: "Lilita One", Impact, sans-serif !important;
}

.absolute-footer .footer-primary,
.absolute-footer .footer-secondary {
  float: none;
  text-align: center;
}

.footer-widgets .col {
  margin-bottom: 12px;
}

@media (max-width: 849px) {
  .fg-hero,
  .fg-bill,
  .fg-bill.is-on {
    min-height: 0;
  }

  .fg-bill.is-on {
    grid-template-columns: 1fr;
    text-align: center;
    justify-items: center;
    align-items: center;
    gap: 4px;
    padding: 18px 12px 40px;
  }

  .fg-bill img {
    height: 220px;
    width: auto;
    max-width: 78%;
  }

  .fg-bill h1 {
    -webkit-text-stroke-width: 4px;
    font-size: clamp(2rem, 10vw, 2.7rem);
  }

  .fg-bill .fg-hand {
    margin-left: auto;
    margin-right: auto;
  }

  .fg-bill .fg-hand {
    font-size: 0.95rem;
  }

  .fg-shop {
    margin-top: 6px;
    padding: 4px 8px 6px;
    font-size: 0.85rem;
  }

  .fg-heck-stage {
    padding: 28px 12px 64px;
  }

  .fg-heck-card {
    padding-bottom: 64px;
  }

  .fg-bag {
    padding: 8px 10px 9px;
    font-size: 14px;
  }

  .fg-peek-img {
    width: 78px;
    height: 120px;
    z-index: 3;
  }

  .fg-note {
    grid-template-columns: 1fr;
    padding-left: 28px;
  }

  .fg-arrow {
    display: none;
  }

  .products .product-small.col {
    padding-left: 6px;
    padding-right: 6px;
  }

  form.cart .single_add_to_cart_button {
    width: 100%;
  }
}

@media (max-width: 360px) {
  #logo img {
    max-width: 132px;
  }

  .fg-wanted {
    flex-basis: 78vw;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fg-bill.is-on {
    display: grid;
  }
}

/* Header tools: one line, same icon size */
.header-nav-main.nav-right,
#masthead .flex-right {
  align-items: center;
}

.header-nav-main.nav-right > li,
#masthead .flex-right > .header-search,
#masthead .flex-right > .account-item,
#masthead .flex-right > .cart-item,
#masthead .flex-right > li {
  display: flex;
  align-items: center;
}

.header-search > a.nav-top-link,
.account-item > a.nav-top-link,
a.header-cart-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center;
  height: 40px !important;
  min-height: 40px !important;
  line-height: 1 !important;
  padding: 0 8px !important;
  gap: 7px;
  margin: 0 !important;
}

.header-search .icon-search,
.ux-search-submit .icon-search {
  width: 22px;
  height: 22px;
  font-size: 0 !important;
  line-height: 0 !important;
  display: inline-block;
  color: inherit;
}

.header-search .icon-search::before,
.ux-search-submit .icon-search::before,
.header-nav-main .nav-top-not-logged-in::before,
.header .account-link::before,
.account-link-mobile .icon-user::before,
a.header-cart-link .cart-icon.image-icon::before {
  content: "" !important;
  display: block;
  width: 22px;
  height: 22px;
  background-color: currentColor;
  -webkit-mask: var(--fg-mask) center / contain no-repeat;
  mask: var(--fg-mask) center / contain no-repeat;
}

a.header-cart-link .cart-icon.image-icon::before {
  width: 26px;
  height: 26px;
}

.header-search .icon-search,
.ux-search-submit .icon-search {
  --fg-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M10.2 2.6a7.4 7.4 0 1 0 4.62 13.15l3.9 3.9 1.7-1.7-3.9-3.9A7.4 7.4 0 0 0 10.2 2.6zm0 2.4a5 5 0 1 1 0 10 5 5 0 0 1 0-10z'/%3E%3C/svg%3E");
}

.nav-top-not-logged-in,
.header .account-link,
.account-link-mobile {
  --fg-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM4.2 19.8a7.8 7.8 0 0 1 15.6 0 .7.7 0 0 1-.7.9H4.9a.7.7 0 0 1-.7-.9z'/%3E%3C/svg%3E");
}

a.header-cart-link .cart-icon.image-icon {
  --fg-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6.2 9h11.6v10.6H6.2V9zM8.2 9V5.8h2v3.2h-2zM13.8 9V5.8h2v3.2h-2z'/%3E%3C/svg%3E");
}

.header-search.header-search-dropdown::before,
.header-search.header-search-dropdown::after {
  display: none !important;
}

.header-nav-main .nav-top-not-logged-in::before,
.header .account-link::before,
.account-link-mobile .icon-user::before {
  flex: 0 0 22px;
  opacity: 1 !important;
}

.account-link-mobile .icon-user {
  width: 22px;
  height: 22px;
  font-size: 0 !important;
  line-height: 0 !important;
  display: block;
  color: inherit;
}

/* Sidebar account is a text row. The header already has the person icon. */
.nav-sidebar .nav-top-not-logged-in::before,
.nav-sidebar .account-link::before {
  content: none !important;
  display: none !important;
}

.nav:hover > li:not(:hover) > a.nav-top-not-logged-in::before,
.nav:hover > li:not(:hover) > a.account-link::before {
  opacity: 1 !important;
}

a.header-cart-link .cart-icon.image-icon {
  position: relative;
  width: 26px !important;
  height: 26px !important;
  min-width: 26px;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  color: #111;
}

a.header-cart-link .cart-icon.image-icon strong {
  position: absolute !important;
  top: auto !important;
  bottom: -2px !important;
  right: -3px !important;
  left: auto !important;
  min-width: 15px !important;
  width: 15px !important;
  height: 15px !important;
  padding: 0 !important;
  border-radius: 99px !important;
  background: #f2d21a !important;
  color: #111 !important;
  border: 0 !important;
  overflow: hidden !important;
  font-family: "Lilita One", Impact, sans-serif !important;
  font-size: 9px !important;
  font-weight: 400;
  line-height: 15px !important;
  text-align: center;
  z-index: 2;
}

#ux-search-dropdown.nav-dropdown {
  min-width: 0;
  padding: 10px !important;
  background: #fff !important;
  border: 2px solid #111 !important;
  box-shadow: 5px 5px 0 #111 !important;
  overflow: visible;
}

#ux-search-dropdown .flex-row {
  align-items: stretch;
  gap: 0;
  margin: 0;
}

#ux-search-dropdown .search-field {
  height: 46px !important;
  min-height: 46px;
  margin: 0 !important;
  border: 2px solid #111 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: #fff !important;
  color: #111;
  font-family: "Comic Neue", "Comic Sans MS", cursive !important;
  font-size: 16px !important;
  font-weight: 700;
  padding: 0 14px !important;
}

#ux-search-dropdown .ux-search-submit {
  width: 46px !important;
  min-width: 46px !important;
  height: 46px !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background: #111 !important;
  color: #fff !important;
  border: 2px solid #111 !important;
  box-shadow: none !important;
}

#ux-search-dropdown .ux-search-submit .icon-search {
  color: #fff;
}

/* Product form: Buy now matches Add to cart */
.single-product form.cart {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) minmax(0, 1fr);
  gap: 10px;
  align-items: stretch;
}

.single-product form.cart .quantity {
  margin: 0 !important;
  float: none;
}

.single-product form.cart .quantity .qty {
  height: 48px;
  min-height: 48px;
  width: 52px;
  border: 2px solid #111;
  box-shadow: none;
}

.single-product form.cart .single_add_to_cart_button,
.single-product form.cart .fg-buy-now {
  width: 100% !important;
  min-width: 0;
  max-width: none;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  line-height: 1 !important;
  font-size: 16px !important;
  float: none !important;
  flex: none !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  box-shadow: 3px 3px 0 #111 !important;
}

.single-product form.cart .fg-buy-now {
  background: #f2d21a !important;
  color: #111 !important;
}

/* Cart and checkout layout. One shipping note, not inside Your order. */
.woocommerce-cart .woocommerce,
.woocommerce-checkout .woocommerce {
  margin-bottom: 36px;
}

.woocommerce-cart .fg-ship-note,
.woocommerce-checkout .fg-ship-once {
  max-width: 1080px;
  margin: 4px auto 16px;
}

#order_review .fg-ship-note,
.woocommerce-checkout-review-order > .fg-ship-note {
  display: none;
}

.woocommerce-cart table.shop_table {
  border: 2px solid #111;
  background: rgba(255, 255, 255, 0.78);
  border-collapse: separate;
}

.woocommerce-cart td.product-thumbnail {
  width: 96px;
}

.woocommerce-cart td.product-thumbnail img {
  width: 84px !important;
  height: 84px !important;
  max-width: 84px;
  object-fit: cover;
  border: 2px solid #111;
  background: #111;
}

.woocommerce-cart .product-name a {
  font-family: "Lilita One", Impact, sans-serif !important;
  text-transform: uppercase;
}

.woocommerce-cart .actions .button,
.woocommerce-cart .checkout-button,
.woocommerce-checkout #place_order {
  min-height: 48px !important;
  height: 48px;
  box-shadow: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.woocommerce-checkout .large-5 .col-inner {
  border: 2px solid #111 !important;
  background: rgba(255, 255, 255, 0.88) !important;
  padding: 8px 16px 16px;
  box-shadow: 4px 4px 0 #111;
}

.woocommerce-cart .cart_totals,
.woocommerce-cart .cart_totals table,
.woocommerce-cart .cart_totals .shop_table,
.woocommerce-cart .cart_totals th,
.woocommerce-cart .cart_totals td {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  outline: none;
}

.woocommerce-checkout #order_review,
.woocommerce-checkout #payment,
.woocommerce-checkout #order_review .shop_table {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
}

.woocommerce-checkout #order_review_heading,
.cart_totals > h2 {
  font-family: "Lilita One", Impact, sans-serif !important;
  text-transform: uppercase;
  margin-top: 8px;
}

.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row textarea,
.woocommerce-cart .coupon input.input-text {
  border: 2px solid #111 !important;
  border-radius: 0 !important;
  min-height: 46px;
  background: #fff;
  box-shadow: none !important;
}

.woocommerce-checkout #payment {
  overflow: visible;
}

/* Keep cart and account menus under the icon. Flex centering was shoving them off the top. */
.account-item > .nav-dropdown,
.cart-item > .nav-dropdown {
  top: calc(100% - 2px) !important;
  bottom: auto !important;
  margin-top: 0 !important;
  z-index: 40;
}

.header-search.header-search-dropdown:hover > #ux-search-dropdown,
.header-search.header-search-dropdown.current-dropdown > #ux-search-dropdown,
.header-search.header-search-dropdown:focus-within > #ux-search-dropdown {
  opacity: 1 !important;
  visibility: visible !important;
  max-height: none !important;
  pointer-events: auto !important;
}

.header-search > a.nav-top-link {
  position: relative;
}

.header-search > a.nav-top-link::after {
  content: "";
  position: absolute;
  left: -12px;
  right: -12px;
  top: 100%;
  height: 28px;
}

@media (min-width: 850px) {
  .header-nav-main.nav-right,
  .header-search.header-search-dropdown {
    position: static !important;
  }

  #masthead.header-main {
    position: relative;
  }

  #ux-search-dropdown.nav-dropdown {
    position: absolute !important;
    top: calc(100% - 2px) !important;
    right: 18px !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
    margin: 0 !important;
    width: min(420px, calc(100vw - 36px)) !important;
    z-index: 40;
  }
}

@media (max-width: 849px) {
  .single-product form.cart {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .single-product form.cart .quantity {
    grid-column: 1 / -1;
    justify-self: start;
  }

  #masthead .header-inner {
    align-items: center;
  }

  #masthead .flex-left a,
  #masthead .flex-right a,
  #masthead .flex-right .account-item > a,
  #masthead .flex-right .header-search > a,
  #masthead .flex-right a.header-cart-link {
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    padding: 0 5px !important;
    display: inline-flex !important;
    align-items: center !important;
  }

  .header-search.header-search-dropdown {
    position: static !important;
  }

  #ux-search-dropdown.nav-dropdown {
    position: absolute !important;
    top: calc(100% + 6px) !important;
    right: 8px !important;
    left: auto !important;
    width: min(340px, calc(100vw - 16px)) !important;
    transform: none !important;
    margin: 0 !important;
  }
}