/** Shopify CDN: Minification failed

Line 442:0 Unexpected "}"

**/
/* ============================================================
   GullyLabs Style Overrides for Doran Product Reviews
   Targets the outer Shopify "Apps" section container.
   Inner widget styling is handled by gully-reviews-override.js
   ============================================================ */

/* The Shopify "Apps" section wraps the Doran widget.
   gullylabs-style.css sets .section { background: #000 },
   so the Apps section gets a black background. This creates
   a visible black border around the white Doran widget.
   We override it here to make the Apps section white. */

/* ==========================================
   BUYITONLINE PREMIUM NAVBAR FINAL
========================================== */

/* Navbar Background */
.header-wrapper,
.header {
    background: #2a5eecff !important;
    border: none !important;
}

.header-wrapper {
    box-shadow: 0 4px 20px rgba(0,0,0,0.25);
}

/* Layout */
.header {
    display: flex !important;
    align-items: center !important;
    min-height: 80px;
    padding: 0 40px 0 0 !important; /* Force logo to the absolute left edge */
}

/* Logo */
.header__heading {
    margin-right: auto !important;
}

.header__heading-logo {
    max-height: 55px !important;
    width: auto !important;
    transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

.header__heading-link:hover .header__heading-logo {
    transform: scale(1.05) !important;
}

/* Navigation */
.header__inline-menu {
    flex: 1 !important;
    display: flex !important;
    justify-content: flex-end !important;
}

.list-menu--inline {
    display: flex !important;
    align-items: center !important;
    gap: 42px !important;
}

/* Menu Links */
.header__menu-item,
.header__menu-item span,
.list-menu__item--link,
.list-menu__item--link span,
.header a {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-decoration: none !important;
    transition: all .3s ease;
}

/* Hover */
.header__menu-item:hover,
.header__menu-item:hover span,
.list-menu__item--link:hover,
.list-menu__item--link:hover span {
    color: #ffffff !important;
    transform: scale(1.05) !important;
    text-shadow: 0 4px 8px rgba(0,0,0,0.3) !important;
}

/* ACTIVE MENU ITEM FIX */
.header__active-menu-item,
.list-menu__item--active,
.list-menu__item--active span,
.header__menu-item--active,
.header a[aria-current="page"] {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* Underline Animation */
.header__menu-item,
.list-menu__item--link {
    position: relative;
}

.header__menu-item::after,
.list-menu__item--link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 0;
    height: 2px;
    background: #ffffff;
    transition: width .3s ease;
}

.header__menu-item:hover::after,
.list-menu__item--link:hover::after,
.header__active-menu-item::after {
    width: 100%;
}

/* Icons */
.header__icons {
    margin-left: 40px !important;
    display: flex;
    align-items: center;
    gap: 16px;
}

/* ICON VISIBILITY AND EXACT SIZE FIX */
.header__icon {
    transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.25s ease-out !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.header__icon svg,
.header__icon path,
.header__icon .svg-wrapper,
.header__icon .svg-wrapper svg {
    color: #ffffff !important;
    stroke: #ffffff !important;
    opacity: 1 !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    transition: color 0.25s ease-out, stroke 0.25s ease-out !important;
}

/* Hover Icons - Smooth Scale */
.header__icon:hover,
.header__icon--account:hover,
.header__icon--login:hover,
a[href*="/account"].header__icon--account:hover,
a[href*="/account"].header__icon--login:hover {
    transform: scale(1.15) !important;
    filter: drop-shadow(0 4px 8px rgba(0,0,0,0.3)) !important;
    z-index: 2 !important;
}

.header__icon:hover svg,
.header__icon:hover path,
.header__icon:hover .svg-wrapper,
.header__icon:hover .svg-wrapper svg {
    color: #ffffff !important;
    stroke: #ffffff !important;
}

/* Cart Bubble */
.cart-count-bubble {
    background: #FFD700 !important;
    color: #154be1ff !important;
    font-weight: 700;
    border: none !important;
}

/* ==========================
   TABLET
========================== */

@media screen and (max-width: 989px) {

    .header {
        min-height: 70px !important;
        padding: 0 18px !important;
    }

    .header__heading-logo {
        max-height: 44px !important;
    }

    .header__inline-menu {
        display: none !important;
    }

    .header__icons {
        margin-left: auto !important;
        gap: 12px;
    }
}

/* ==========================
   MOBILE
========================== */

@media screen and (max-width: 749px) {

    .header-wrapper {
        position: sticky;
        top: 0;
        z-index: 999;
    }

    .header {
        min-height: 64px !important;
        padding: 0 12px !important;
    }

    .header__heading-logo {
        max-height: 38px !important;
    }

    .header__icon {
        transform: scale(0.95);
    }

    .header__icons {
        gap: 10px;
    }

    .header__inline-menu {
        display: none !important;
    }
}

/* Drawer Menu Mobile */
.menu-drawer {
    background: #081F5C !important;
}

.menu-drawer__menu-item {
    color: white !important;
    font-weight: 600 !important;
}

.menu-drawer__menu-item:hover {
    color: rgb(9,26,96) !important;
}

/* ==========================================
   BUYITONLINE FINAL FORCE FIX
========================================== */

/* Navbar Color */
.header-wrapper,
.header,
.header * {
    --color-foreground: 255,255,255 !important;
}

/* Active menu item */
.header__active-menu-item,
.header__active-menu-item *,
.list-menu__item--active,
.list-menu__item--active *,
.header a[aria-current="page"],
.header a[aria-current="page"] * {
    color: #ffffff !important;
    stroke: #ffffff !important;
    opacity: 1 !important;
}

/* All menu links white */
.header .header__menu-item,
.header .header__menu-item span,
.header .list-menu__item--link,
.header .list-menu__item--link span {
    color: #ffffff !important;
}

/* Force ALL icons white and EXACT SIZE */
.header .svg-wrapper,
.header .svg-wrapper svg,
.header .svg-wrapper svg *,
.header .header__icon,
.header .header__icon * {
    color: #ffffff !important;
    stroke: #ffffff !important;
    opacity: 1 !important;
}
.header .svg-wrapper svg, .header .header__icon svg {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
}
.header .header__icon {
    transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.25s ease-out !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Hover icons */
.header .header__icon:hover,
.header .header__icon--account:hover,
.header .header__icon--login:hover,
.header a[href*="/account"].header__icon--account:hover,
.header a[href*="/account"].header__icon--login:hover {
    transform: scale(1.15) !important;
    filter: drop-shadow(0 4px 8px rgba(0,0,0,0.3)) !important;
    z-index: 2 !important;
}
.header .header__icon:hover *,
.header .svg-wrapper:hover * {
    color: #ffffff !important;
    stroke: #ffffff !important;
}

/* Search icon specifically */
.header details-modal summary,
.header details-modal summary * {
    color: #ffffff !important;
    fill: none !important;
    stroke: #ffffff !important;
}

/* Cart bubble */
.cart-count-bubble {
    background: #FFD700 !important;
    color: rgb(9,26,96) !important;
}

/* ==========================================
   DROPDOWN MENU FIX
========================================== */

.mega-menu__content,
.header__submenu,
.list-menu--disclosure,
.menu-drawer__submenu {
    background: #ffffff !important;
}

.mega-menu__content .list-menu__item,
.mega-menu__content .list-menu__item span,
.header__submenu .list-menu__item,
.header__submenu .list-menu__item span,
.list-menu--disclosure .list-menu__item,
.list-menu--disclosure .list-menu__item span {
    color: #111111 !important;
}

/* Hover inside dropdown */
.mega-menu__content .list-menu__item:hover,
.mega-menu__content .list-menu__item:hover span,
.header__submenu .list-menu__item:hover,
.header__submenu .list-menu__item:hover span,
.list-menu--disclosure .list-menu__item:hover,
.list-menu--disclosure .list-menu__item:hover span {
    color: rgb(9,26,96) !important;
}

/* Remove black active style from Dawn */
.header__active-menu-item {
    text-decoration: none !important;
    box-shadow: none !important;
    border: none !important;
}



/* ENDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD OFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF NAVBARRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRR */

/* Target the Apps section specifically — it contains .shopify-app-block */
section.section:has(.shopify-app-block) {
    background-color: #ffffff !important;
    background: #ffffff !important;
}

/* The page-width wrapper inside the Apps section */
section.section:has(.shopify-app-block)>.page-width {
    padding: 0 !important;
    max-width: 100% !important;
}

/* The app block itself */
.shopify-app-block {
    margin-top: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    max-width: 100% !important;
    overflow: hidden;
    background: #ffffff !important;
    background-color: #ffffff !important;
}

/* Fallback for browsers that don't support :has() */
section.shopify-section>.page-width>.shopify-app-block,
section.shopify-section .shopify-app-block {
    background: #ffffff !important;
}

/* BUYITONLINE HEADER */



.header-wrapper {
  background: #040072ff !important;
}

.header {
  background: #040072ff !important;
}

/* Nav links */
.header__menu-item,
.list-menu__item--link {
  color: #ffffff !important;
  font-weight: 600;
}

.header__menu-item:hover,
.list-menu__item--link:hover {
  color: #FFD447 !important;
}

/* Icons */
}

.menu-drawer__menu-item {
    color: white !important;
    font-weight: 600 !important;
}

.menu-drawer__menu-item:hover {
    color: rgb(9,26,96) !important;
}

/* ==========================================
   BUYITONLINE FINAL FORCE FIX
========================================== */

/* Navbar Color */
.header-wrapper,
.header,
.header * {
    --color-foreground: 255,255,255 !important;
}

/* Active menu item */
.header__active-menu-item,
.header__active-menu-item *,
.list-menu__item--active,
.list-menu__item--active *,
.header a[aria-current="page"],
.header a[aria-current="page"] * {
    color: #ffffff !important;
    stroke: #ffffff !important;
    opacity: 1 !important;
}

/* All menu links white */
.header .header__menu-item,
.header .header__menu-item span,
.header .list-menu__item--link,
.header .list-menu__item--link span {
    color: #ffffff !important;
}

/* Force ALL icons white and EXACT SIZE */
.header .svg-wrapper,
.header .svg-wrapper svg,
.header .svg-wrapper svg *,
.header .header__icon,
.header .header__icon * {
    color: #ffffff !important;
    stroke: #ffffff !important;
    opacity: 1 !important;
}
.header .svg-wrapper svg, .header .header__icon svg {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
}
.header .header__icon {
    transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.25s ease-out !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Hover icons */
.header .header__icon:hover,
.header .header__icon--account:hover,
.header .header__icon--login:hover,
.header a[href*="/account"].header__icon--account:hover,
.header a[href*="/account"].header__icon--login:hover {
    transform: scale(1.15) !important;
    filter: drop-shadow(0 4px 8px rgba(0,0,0,0.3)) !important;
    z-index: 2 !important;
}
.header .header__icon:hover *,
.header .svg-wrapper:hover * {
    color: #ffffff !important;
    stroke: #ffffff !important;
}

/* Search icon specifically */
.header details-modal summary,
.header details-modal summary * {
    color: #ffffff !important;
    fill: none !important;
    stroke: #ffffff !important;
}

/* Cart bubble */
.cart-count-bubble {
    background: #FFD700 !important;
    color: rgb(9,26,96) !important;
}

/* ==========================================
   DROPDOWN MENU FIX
========================================== */

.mega-menu__content,
.header__submenu,
.list-menu--disclosure,
.menu-drawer__submenu {
    background: #ffffff !important;
}

.mega-menu__content .list-menu__item,
.mega-menu__content .list-menu__item span,
.header__submenu .list-menu__item,
.header__submenu .list-menu__item span,
.list-menu--disclosure .list-menu__item,
.list-menu--disclosure .list-menu__item span {
    color: #111111 !important;
}

/* Hover inside dropdown */
.mega-menu__content .list-menu__item:hover,
.mega-menu__content .list-menu__item:hover span,
.header__submenu .list-menu__item:hover,
.header__submenu .list-menu__item:hover span,
.list-menu--disclosure .list-menu__item:hover,
.list-menu--disclosure .list-menu__item:hover span {
    color: rgb(9,26,96) !important;
}

/* Remove black active style from Dawn */
.header__active-menu-item {
    text-decoration: none !important;
    box-shadow: none !important;
    border: none !important;
}



/* ENDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD OFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF NAVBARRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRR */

/* Target the Apps section specifically — it contains .shopify-app-block */
section.section:has(.shopify-app-block) {
    background-color: #ffffff !important;
    background: #ffffff !important;
}

/* The page-width wrapper inside the Apps section */
section.section:has(.shopify-app-block)>.page-width {
    padding: 0 !important;
    max-width: 100% !important;
}

/* The app block itself */
.shopify-app-block {
    margin-top: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    max-width: 100% !important;
    overflow: hidden;
    background: #ffffff !important;
    background-color: #ffffff !important;
}

/* Fallback for browsers that don't support :has() */
section.shopify-section>.page-width>.shopify-app-block,
section.shopify-section .shopify-app-block {
    background: #ffffff !important;
}

/* BUYITONLINE HEADER */

.header-wrapper {
  background: #040072ff !important;
}

.header {
  background: #040072ff !important;
}

/* Nav links */
.header__menu-item,
.list-menu__item--link {
  color: #ffffff !important;
  font-weight: 600;
}

.header__menu-item:hover,
.list-menu__item--link:hover {
  color: #FFD447 !important;
}

/* Icons */
.header__icon,
.header__icon svg {
  color: #ffffff !important;
}

/* =====================================================
   GLOBAL BUTTON STYLES (Enforces #040072 on all pages)
   ===================================================== */
.button,
.btn,
.product-form__submit,
.quick-add__submit,
.gl-card-actions__atc {
  border: none !important;
  background: #040072 !important;
  color: #ffffff !important;
  box-shadow: none !important;
  transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.25s ease !important;
}

.button:hover,
.btn:hover,
.product-form__submit:hover,
.quick-add__submit:hover,
.gl-card-actions__atc:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 20px rgba(4, 0, 114, 0.25) !important;
  background: #040072 !important; /* Force no color change */
  color: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
}

.button:hover::after,
.btn:hover::after,
.product-form__submit:hover::after,
.quick-add__submit:hover::after,
.gl-card-actions__atc:hover::after {
  display: none !important;
  opacity: 0 !important;
}

.button:active,
.btn:active,
.product-form__submit:active,
.quick-add__submit:active,
.gl-card-actions__atc:active {
  transform: translateY(0) !important;
  box-shadow: 0 4px 10px rgba(4, 0, 114, 0.15) !important;
  background: #040072 !important;
}

/* Logo area */
.header__heading-link {
  background: transparent !important;
}

/* =====================================================
   PRODUCT PAGE DESKTOP SPLIT-SCREEN LAYOUT
   ===================================================== */
@media screen and (min-width: 990px) {
  /* Force the entire product section to be truly full-width even on huge TVs */
  html body #MainContent product-info .page-width {
    max-width: none !important;
    width: 100vw !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
  }

  /* Split-screen flexbox container */
  html body #MainContent product-info .product {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: stretch !important;
    gap: 0 !important;
    width: 100% !important;
  }

  /* Product Images block (Left side) - 60% */
  html body #MainContent product-info .product__media-wrapper {
    flex: 0 0 60% !important;
    max-width: 60% !important;
    width: 60% !important;
    background-color: #f8f9fa !important;
    padding: 3vw !important; /* Scalable padding for TVs */
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
  }

  /* Product Details block (Right side) - 40% */
  html body #MainContent product-info .product__info-wrapper {
    flex: 0 0 40% !important;
    max-width: 40% !important;
    width: 40% !important;
    background-color: #ffffff !important;
    padding: 5vw 6vw 5vw 4vw !important; /* Scalable padding, pushed to the right */
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  /* Force the inner details and buttons to stretch */
  html body #MainContent product-info .product__info-container,
  html body #MainContent product-info .product__info-container .product-form__buttons,
  html body #MainContent product-info .product-form__input {
    max-width: 100% !important;
  }

  /* Shift Logo slightly to the right */
  html body .header__heading,
  html body .header__heading-logo-wrapper {
    margin-left: 1.5vw !important;
  }
}