/** Shopify CDN: Minification failed

Line 7:8 Expected URL token but found "url("
Line 8:0 All "@import" rules must come first

**/
@import url('{{ 'bfgifts-new-theme.css' | asset_url }}');
@import url('{{ 'bfgifts-custom-design.css' | asset_url }}');
/* Beaver Factory polish */
.header-wrapper{background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.06);position:relative;z-index:20}.header__heading-logo{max-height:64px;width:auto}.header__inline-menu .list-menu--inline{font-weight:600}.header__inline-menu .mega-menu__content{border-top:1px solid rgba(0,0,0,.06);box-shadow:0 12px 30px rgba(0,0,0,.08)}
.product__title h1{font-weight:750;letter-spacing:-.02em}.product__info-container .price{font-weight:700}.product__media-wrapper .product__media-item{border-radius:14px;overflow:hidden}.thumbnail-list__item{border-radius:10px;overflow:hidden}.product-form__buttons .button{min-height:48px;border-radius:10px}.product__description{line-height:1.7}.product__info-container{max-width:620px}
.card-wrapper .card__inner,.card-wrapper .media{border-radius:14px;overflow:hidden}.card__heading{font-weight:650}.collection .card__information{padding-top:12px}.collection .card__heading{font-size:1.05rem}.collection .price{font-weight:700}.product-grid .grid__item{margin-bottom:22px}
.collection-hero__title,.template-search__header h1{font-weight:800;letter-spacing:-.02em}.facets-container{border-radius:12px}.pagination__item{border-radius:8px}.cart-item__image{border-radius:10px}.cart__footer .totals{font-weight:700}
.button,.shopify-payment-button__button{border-radius:10px}.rte h2,.rte h3{letter-spacing:-.015em}.footer{border-top:1px solid rgba(0,0,0,.08)}
.bf-404{padding:80px 0 100px}.bf-404__inner{text-align:center;max-width:760px;margin:auto}.bf-404__number{font-size:clamp(7rem,16vw,12rem);line-height:.85;font-weight:800;opacity:.12}.bf-404 h1{margin:24px 0 12px}.bf-404 p{max-width:560px;margin:0 auto 30px}.bf-404__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
#checkout,.cart__ctas,.cart__checkout-button,form[action*="/checkout"] button,.shopify-payment-button,.dynamic-checkout-buttons{display:initial!important}.cart__ctas .cart__checkout-button,.cart__checkout-button,.dynamic-checkout__content,.shopify-payment-button,.shopify-payment-button__button{display:flex!important;visibility:visible!important;opacity:1!important}
.bf-category-card{transition:transform .18s ease,box-shadow .18s ease}.bf-category-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(0,0,0,.12)}.bf-category-card .card__media{aspect-ratio:1/1;overflow:hidden}.bf-category-card img{width:100%;height:100%;object-fit:cover}.bf-category-card .card__content{padding-top:12px}.bf-category-card .card__heading{font-size:1.02rem;line-height:1.25}
@media screen and (max-width:749px){.header__heading-logo{max-height:52px}.product__info-container{max-width:none}.product-grid .grid__item{margin-bottom:16px}.bf-404{padding:55px 0 70px}.bf-404__number{font-size:clamp(6rem,30vw,9rem)}.bf-category-card .card__heading{font-size:.96rem}}

/* Search modal must appear above the custom category navigation. */
.section-header:has(.header__search details[open]){z-index:100!important}
.header__search details[open] .search-modal{z-index:1000!important}
.header__search details[open] .search-modal__content{z-index:1001!important}


/* BF gift navigation: hover on desktop, compact auto-close behaviour on mobile. */
@media screen and (min-width: 750px) and (hover: hover) and (pointer: fine) {
  .bf-gift-nav__dropdown { position: relative; }
  .bf-gift-nav__dropdown:not([open]) .bf-gift-nav__panel { display: none !important; }
  .bf-gift-nav__dropdown[open] .bf-gift-nav__panel { display: block; }
  .bf-gift-nav__dropdown > summary { cursor: pointer; }
}
@media screen and (max-width: 749px) {
  .bf-gift-nav__dropdown[open] .bf-gift-nav__panel { max-height: min(420px, 65vh); overflow-y: auto; }
}

/* BF gift navigation: mobile dropdowns expand in normal flow so they push the following categories down instead of covering them. */
@media screen and (max-width: 749px) {
  .bf-gift-nav__dropdown { position: static !important; }
  .bf-gift-nav__dropdown[open] .bf-gift-nav__panel { position: static !important; inset: auto !important; width: 100% !important; max-height: min(420px, 65vh); overflow-y: auto; }
}


/* Bebro Fabrikas - mobile product image modal fit */
@media screen and (max-width: 749px) {
  .product-media-modal {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .product-media-modal__dialog {
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .product-media-modal__content {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    padding: 3.5rem 0.5rem 1rem !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
    display: block !important;
  }

  

  
  .product-media-modal__content img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: calc(100vw - 2rem) !important;
    max-height: calc(100dvh - 8rem) !important;
    object-fit: contain !important;
    margin: 0 auto !important;
  }

  .product-media-modal__content .product__media-item {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 auto 1rem !important;
  }

}

@media screen and (max-width: 749px) {
  .product-media-modal__content > .product__media-item {
    display: none !important;
  }

  .product-media-modal__content > .product__media-item:first-child {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: calc(100dvh - 5rem) !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .product-media-modal__content .product__media-item img {
    max-width: calc(100vw - 2rem) !important;
    max-height: calc(100dvh - 8rem) !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
  }
}

