/*
Theme Name: Comic Book Store Pro
Theme URI: https://www.theclassictemplates.com/products/comic-book-store-wordpress-theme
Author: Theclassictemplates
Author URI: https://www.theclassictemplates.com/
Description: The Comic Book Store WordPress Theme is a premium solution designed specifically for comic book shops and enthusiasts. This theme is crafted to provide a visually stunning and functional platform for showcasing comic book collections, merchandise, and store events. Ideal for comic book retailers, this theme enhances the online presence of comic book stores, helping them attract and engage customers effectively. The theme includes high-resolution images, vibrant color schemes, and dynamic layouts that capture the essence of the comic book world. The theme also supports comic book store decor and wall art, adding a touch of authenticity and flair to the online storefront.
Version: 0.0.1
Requires at least: 5.0
Tested up to: 6.0
Requires PHP: 5.6
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: comic-book-store-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
developed by Theclassictemplates(Theclassictemplates.net), 2023.
Comic Book Store Pro WordPress Theme is released under the terms of GNU GPL

/* Basic Style */

:root {
  --white: #ffffff;
  --black: #000000;
  --whitee: #F0EBE5;
  --red: #D71515;
  --blackk: #292D32;
}
:root {
  --common-font-w: "Work Sans";
  overflow: auto;
}
#wpadminbar {
  position: fixed !important;
}
.owl-nav{
  display: none;
}
.owl-dots{
  text-align: center;
  padding-top: 8%;
}
.owl-dot{
  width: 12px !important;
  height: 12px !important;
  background: #D9D9D9 !important;
  border: none !important;
  margin: 0px 4px ;
}
.owl-dot.active{
  background: var(--red) !important;
}
section{
  padding: 5% 0px;
}
html body {
  margin: 0;
  padding: 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  position: relative;
  color: var(--color-black);
  font-weight: 300;
  font-size: 15px;
  font-family: var(--font-Poppins);
  overflow-x: hidden;
  background-color:var(--color-white);
  overflow-x: hidden;
  width: 100%;
}
h6{
  font: 600 24px / 30px Poppins;
  color: var(--blackk);
  margin: 0px;
}
h5{
  font: 700 16px / 20px Poppins;
  margin: 0;
}
h4{
  font: 600 22px / 40px Poppins;
  color: var(--red);
  margin: 0;
}
h3,h3 a{
  font: 500 25px / 25px Acme;
  color: var(--red);
  margin: auto;
}
h2{
  font: 400 50px / 60px Acme;
  color: var(--blackk);
  margin: 0;
}
h1{
  font: 400 90px / 110px Acme;
  margin: 0px;
  animation: 3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s 1 normal both running scale-in-left;
}
p{
  font: 400 14px / 20px Poppins;
  color: var(--black);
  margin: 0;
}
.bypostauthor {
  font-weight: 600;
}
.wpcf7-spinner {
  display: none;
}
/*.sticky{
    position: unset;
}*/
/*--------- Site Loader --------------*/

.preloader{
display: flex;
background: #FF5F6A;
height: 100%;
width: 100%;
left: 0;
bottom: 0;
top: 0;
position: fixed;
z-index: 99999;
}
.preloader .loading-dot{
  width: 15px;
  height: 15px;
  margin: auto;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
              40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
  animation: load 3s infinite linear;
}
@keyframes load{
  0% {
      transform: rotate(0deg);
      box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                  40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
  }
  25%{
      box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                  -40px -40px 0px 0px #fff,40px 40px 0px 0px #fff,-40px 40px 0px 0px #fff,40px -40px 0px 0px #fff;
  }
  50%{
      box-shadow: 0px -40px 0px 0px #fff,0px 40px 0px 0px #fff,-40px 0px 0px 0px #fff,40px 0px 0px 0px #fff,
                  -40px -40px 0px 0px #fff,40px 40px 0px 0px #fff,-40px 40px 0px 0px #fff,40px -40px 0px 0px #fff;
  }
  70%{
      box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                  0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
  }
  75%{
      width:10px;
      height:10px;
      box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                  0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
  }
  80%{
      background-color: #fff;
      width:40px;
      height:40px;
      transform: rotate(360deg);
      box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                  0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
  }
  85%{
      background-color: #fff;
      width:40px;
      height:40px;
      transform: rotate(360deg);
      box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                  0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
  }
  90%{
      background-color: #fff;
      width:10px;
      height:10px;
      transform: rotate(360deg);
      box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                  0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
  }
  95%{
      box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                  40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
  }
  100%{
      transform: rotate(360deg);
      box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                  40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
  }
}
#Featured .owl-stage-outer{
  padding-top: 30px;
}
#Featured .product-content-box:hover .product-price-content .product-title a {
  color: var(--red);
}
#Featured .product-content-box:hover .fa-arrow-right {
  color: #fff;
  background: var(--red);
  border: 2px solid var(--red);
}
#Featured .product-content-box:hover {
  position: relative;
  top: -30px;
}
.product-image-main{
  justify-content: space-evenly;
}
.product-content-box {
  background: var(--white);
  padding: 15px;
  border-radius: 10px;
  box-shadow: 0px 0px 10px 0px #d2d0d0;
}
.product-content-box:hover img {
  animation: 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s 1 normal both running slide-in-fwd-center;
}
@keyframes slide-in-fwd-center {
  0% {
    -webkit-transform: translateZ(-1400px);
    transform: translateZ(-1400px);
    opacity: 0;
  }
  100% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 1;
  }
}
.product-content-box .pro-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.product-title a {
  color: #000;
  font: 600 22px / 30px Poppins;
}
.product-price {
  flex-direction: row-reverse;
  justify-content: space-between;
  width: fit-content;
}
.product-price del {
  align-self: end;
}
.product-price ins {
  text-decoration: none;
}
.product-price del bdi {
  font: 500 15px / 16px Poppins;
  color: var(--blackk);
}
.product-price bdi {
  font: 600 24px / 30px Poppins;
  color: var(--red);
}
.product-btn-arrow-box a {
  background-color: #d71515 !important;
  color: #fff !important;
  font: 600 18px / 20px "Space Grotesk";
  padding: 8px 13px !important;
  border-radius: 8px !important;
  text-transform: capitalize;
}
.woocommerce-shop .product-btn-arrow-box a,.single-product .product-btn-arrow-box a {
  background-color: #d71515 !important;
  color: #fff !important;
  font: 600 18px / 20px "Space Grotesk";
  padding: 12px 13px !important;
  border-radius: 8px !important;
  text-transform: capitalize;
}
.woocommerce-shop .product-btn-arrow-box .added_to_cart{
  padding: 12px 0px !important;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.added::after{
  display: none;
}
.cart-btn{
  position: relative;
  padding: 10px 0px;
}
#Arrivals .product-btn-arrow-box .added_to_cart{
  top: 0;
}
.product-btn-arrow-box .added_to_cart{
  position: absolute;
  background-color: #d71515 !important;
  color: #fff !important;
  font: 600 18px / 20px "Space Grotesk";
  padding: 12px 4px !important;
  border-radius: 8px !important;
  text-transform: capitalize;
  /* top: 0; */
  right: 0;
  left: 0;
  text-align: center;
}
.pro-img {
   height: 300px;
}
.comment-reply-title{
  display: none;
}
.woocommerce #review_form #respond p{
  /* width: fit-content;
  display: flex; */
}
.woocommerce #review_form #respond .form-submit input:hover{
  background: var(--color-primary);
  color: #000;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
  font-family: 'poppins';
}
.woocommerce #review_form #respond .form-submit input{
  background: #000;
  color: #fff;
  padding: 15px 36px;
  border-radius: 6px;
}
.woocommerce nav.woocommerce-pagination ul{
  border: none !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current{
  background: var(--color-primary);
  border: var(--color-primary);
}
.woocommerce nav.woocommerce-pagination ul li{
  border: none !important;
}
.page-numbers.current {
  background: var(--brown);
  color: #fff;
  padding: 6px 12px;
  font: 600 14px / 30px Poppins;
  border-radius: 6px;
}
.page-numbers {
  padding: 6px 12px !important;
  font: 600 16px / 30px Poppins !important;
  border-radius: 6px !important;
  color: #000 !important;
  border: 1px solid var(--red);
  line-height: 20px !important;
  text-align: center;
  margin: 6px !important;
}



.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img{
  height: 500px !important;
  object-fit: cover;
  object-position: top;
}
.flex-viewport {
  height: 500px !important;
}
.woocommerce .star-rating span::before{
  color: #FFCC05;
}
.woocommerce-product-details__short-description{
  padding: 20px 0px;
}
.onsale{
  background-color: var(--red) !important;
}
#review_form form{
  display: flex;
  flex-wrap: wrap;
  background: var(--white);
  padding: 3%;
  border-radius: 10px;
  box-shadow: 0px 0px 10px 0px #d2d0d0;
  width: 100%;
}
#reviews .comment-form-author {
  order: 1;
  width: 100%;
}
#reviews .comment-form-email {
  order: 2;
  width: 100%;
}
#reviews .comment-form-cookies-consent {
  order: 3;
  width: 100%;
}
#respond p.form-submit {
  order: 4;
  width: 100%;
}
#reviews .comment-form-rating {
  order: 4;
  width: 100%;
  display: flex;
  color: #949494;
  font: normal normal normal 13px / 19px Lato;
  /* text-transform: uppercase; */
}
#reviews .comment-notes{
  display: none !important;
}
#reviews .comment-form-comment {
  order: 3;
  width: 100%;
}
.woocommerce #review_form #respond p{
  margin: 0px;
  align-self: center;
}
#sidebar .widget{
  color: var(--red);
  margin-bottom: 10%;
  box-shadow: 0px 0px 6px 0px #dcdcdc;
  padding: 10px;
  border-radius: 10px;
}
#sidebar .widget_search input[type=search] {
  padding: 8px 10px;
  font: 400 13px / 26px var(--font-Jost);
  letter-spacing: 0px;
  color: #545353;
  border-color: var(--color-red);
  border: 1px solid var(--color-red);
}
#sidebar .widget_search [type=submit] {
  background-color: var(--red);
  border: none;
  padding: 12px 20px;
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
  border-radius: 25px 10px 25px 10px;
}
#sidebar .widget form{
  position: relative;
}
#sidebar .widget label{
  background: #f2f2f2;
  padding: 3px 18px;
  border-radius: 25px 10px 25px 10px;
}
#sidebar .widget_search input[type=search] {
  font: 400 13px / 26px poppins;
  background: transparent;
  border: none;
}
#sidebar h3::after, #sidebar h2::after,.wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-sale-badge,.wc-block-components-sale-badge{
  display: none !important;
}
.recent-post-box {
  padding-top: 4%;
}
.recent-post-box .post-content{
  align-self: center;
}
.wc-block-cart-items{
  box-shadow: 0px 0px 10px 0px #dddddd;
  border-radius: 10px;
  padding: 10px;
}
.is-large.wc-block-cart .wc-block-cart-items td,.is-large.wc-block-cart .wc-block-cart-items td,.is-large.wc-block-cart .wc-block-cart-items,.is-large.wc-block-cart .wc-block-cart-items td{
  border: none !important;
}
.wc-block-cart-item__product{
  text-align: start;
}
.wc-block-components-button__text{
  background: var(--color-primary);
  color: #000;
  padding: 12px 30px;
  border-radius: 10px;
  font: 500 16px / 20px Poppins;
  margin-top: 30px;
}
.is-large.wc-block-cart .wc-block-cart-items th,.is-large.wc-block-cart .wc-block-cart__totals-title{
  font: 500 16px / 20px Poppins !important;
  text-transform: capitalize !important;
}
.wc-block-components-product-name{
  font: 600 20px / 20px Poppins !important;
  color: #000;
}
.wp-block-woocommerce-cart-order-summary-block{
  box-shadow: 0px 0px 10px 0px #dddddd;
  border-radius: 10px;
  padding: 10px;
}
.wc-block-components-totals-wrapper,.wp-block-woocommerce-cart-order-summary-totals-block {
  border-top: none !important;
}
.wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-formatted-money-amount{
  font: 600 20px / 20px Poppins !important;
  color: #000;
}













@keyframes scale-in-left {
  0% {
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-transform-origin: 0% 50%;
      transform-origin: 0% 50%;
      opacity: 1;
  }
  100% {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transform-origin: 0% 50%;
      transform-origin: 0% 50%;
      opacity: 1;
  }
}


@keyframes scale-in-top {
  0% {
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-transform-origin: 50% 0%;
      transform-origin: 50% 0%;
      opacity: 1;
  }
  100% {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transform-origin: 50% 0%;
      transform-origin: 50% 0%;
      opacity: 1;
  }
}
@keyframes flip-in-hor-bottom{
    0% {
      -webkit-transform: rotateX(80deg);
      transform: rotateX(80deg);
      opacity: 0;
  }
  100% {
      -webkit-transform: rotateX(0);
      transform: rotateX(0);
      opacity: 1;
  }
}
@keyframes kenburns-top{
  0% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
    transform-origin: 50% 16%;
  }
  100% {
      -webkit-transform: scale(1.25) translateY(-15px);
      transform: scale(1.25) translateY(-15px);
      -webkit-transform-origin: top;
      transform-origin: top;
  }
}

.btn,#slider .search-form label:before,#upcoming .nav-pills .nav-link {
	 transition: all 0.7s ease;
}
 .btn:hover,#slider .search-form:hover label::before,#upcoming .nav-pills .nav-link:hover {
	 border-radius: 7px 25px;
	 background: var(--color-primary);
}

.product-content-box:hover .cart-btn a {
    background-color: #000 !important;
}
.slider-search-box label{
	width: 100%;
}


/* =========================================================
   SilverTeam/Gastrock módosítás – 2026-05-27
   HERO slider finomhangolás:
   - kisebb tényleges felső távolság a fejléc és a hero tartalom között,
   - a bal oldali szöveg mögé áttetsző, mangás/halftone panel került.
   ========================================================= */
#slider.gastrock-hero-slider{
  margin-top: 0 !important;
}

#slider.gastrock-hero-slider .homeslider{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

#slider.gastrock-hero-slider .gastrock-hero-slide{
  padding-top: 6px;
}

#slider.gastrock-hero-slider .gastrock-hero-slide > .row{
  align-items: flex-start !important;
}

#slider.gastrock-hero-slider .slider-content-box{
  position: relative;
  isolation: isolate;
  margin-top: 10px;
  padding: 24px 30px 26px !important;
  background: rgba(255, 255, 255, 0.78);
  border: 2px solid rgba(0, 0, 0, 0.92);
  border-radius: 22px 6px 22px 6px;
  box-shadow: -8px 8px 0 rgba(0, 0, 0, 0.92);
  overflow: hidden;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}

#slider.gastrock-hero-slider .slider-content-box::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background-image:
    radial-gradient(circle, rgba(0, 0, 0, 0.18) 1.2px, transparent 1.4px),
    linear-gradient(135deg, rgba(215, 21, 21, 0.10), rgba(255, 255, 255, 0.12));
  background-size: 10px 10px, 100% 100%;
  opacity: 0.8;
}

#slider.gastrock-hero-slider .slider-content-box::after{
  content: "";
  position: absolute;
  inset: -35% -10%;
  z-index: -1;
  background: repeating-linear-gradient(
    -18deg,
    rgba(0, 0, 0, 0.10) 0,
    rgba(0, 0, 0, 0.10) 1px,
    transparent 1px,
    transparent 18px
  );
  opacity: 0.45;
  transform: rotate(-2deg);
}

#slider.gastrock-hero-slider .slider-content-box > *{
  position: relative;
  z-index: 1;
}

#slider.gastrock-hero-slider .slider-content-box h6{
  display: inline-block;
  padding: 4px 12px;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(0, 0, 0, 0.70);
  border-radius: 999px;
}

#slider.gastrock-hero-slider .slider-content-box h1{
  margin-top: 10px;
  margin-bottom: 12px;
}

#slider.gastrock-hero-slider .slider-content-box p{
  margin-bottom: 0;
}

#slider.gastrock-hero-slider .gastrock-hero-media-box{
  align-items: flex-start;
  padding-top: 10px;
}

@media screen and (max-width: 991px){
  #slider.gastrock-hero-slider .slider-content-box{
    margin-top: 8px;
    padding: 20px 22px 22px !important;
  }

  #slider.gastrock-hero-slider .gastrock-hero-media-box{
    padding-top: 0;
  }
}

@media screen and (max-width: 767px){
  #slider.gastrock-hero-slider .slider-content-box{
    margin-top: 4px;
    padding: 18px 18px 20px !important;
    box-shadow: -5px 5px 0 rgba(0, 0, 0, 0.92);
  }
}


/* =========================================================
   SilverTeam/Gastrock módosítás – 2026-05-28
   HERO slider végleges elrendezés javítás:
   - szövegbox és jobb oldali videó/kép középre igazítva,
   - a két oldal között fix távolság,
   - a panel kerete/árnyéka nem vágódik le,
   - Owl Carousel nyilak láthatóvá téve.
   ========================================================= */
#slider.gastrock-hero-slider .container{
  max-width: 1320px;
}

#slider.gastrock-hero-slider .gastrock-hero-main-carousel,
#slider.gastrock-hero-slider .gastrock-hero-main-carousel .owl-stage,
#slider.gastrock-hero-slider .gastrock-hero-main-carousel .owl-item{
  min-height: 1px;
}

#slider.gastrock-hero-slider .gastrock-hero-main-carousel .owl-stage-outer{
  overflow: hidden !important;
  padding: 14px 0 24px;
}

#slider.gastrock-hero-slider .gastrock-hero-slide{
  padding: 0 26px 24px !important;
  overflow: hidden;
  box-sizing: border-box;
}

#slider.gastrock-hero-slider .gastrock-hero-slide > .row{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 42px;
  align-items: center !important;
  justify-content: center;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#slider.gastrock-hero-slider .gastrock-hero-slide > .row > [class*="col-"]{
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#slider.gastrock-hero-slider .slider-content-box{
  width: calc(100% - 14px) !important;
  max-width: 100% !important;
  justify-self: center;
  align-self: center;
  margin: 0 0 12px 0 !important;
  box-sizing: border-box;
  transform: translateX(4px);
}

#slider.gastrock-hero-slider .gastrock-hero-media-box{
  width: 100%;
  max-width: 100%;
  justify-self: center;
  align-self: center;
  margin: 0 !important;
  padding-top: 0 !important;
  display: flex;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden;
  border-radius: 22px;
}

#slider.gastrock-hero-slider .gastrock-hero-video-wrap,
#slider.gastrock-hero-slider .gastrock-hero-media-box iframe{
  width: 100% !important;
  max-width: 100% !important;
  aspect-ratio: 16 / 9;
  min-height: 260px;
  max-height: 430px;
  border-radius: 22px;
  display: block;
}

#slider.gastrock-hero-slider .gastrock-hero-media-box img.slider-img{
  width: 100%;
  height: 100%;
  max-height: 430px;
  object-fit: contain;
  display: block;
}

#slider.gastrock-hero-slider .gastrock-hero-main-carousel .owl-nav{
  margin: 0;
  pointer-events: none;
}

#slider.gastrock-hero-slider .gastrock-hero-main-carousel .owl-nav button.owl-prev,
#slider.gastrock-hero-slider .gastrock-hero-main-carousel .owl-nav button.owl-next{
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  width: 42px;
  height: 58px;
  border-radius: 18px !important;
  background: rgba(0, 0, 0, 0.86) !important;
  color: #fff !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  z-index: 30;
  pointer-events: auto;
  border: 2px solid rgba(255, 255, 255, 0.72) !important;
  box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.22);
}

#slider.gastrock-hero-slider .gastrock-hero-main-carousel .owl-nav button.owl-prev{
  left: 4px;
}

#slider.gastrock-hero-slider .gastrock-hero-main-carousel .owl-nav button.owl-next{
  right: 4px;
}

#slider.gastrock-hero-slider .gastrock-hero-arrow{
  font-size: 38px;
  line-height: 1;
  font-weight: 900;
  display: block;
  margin-top: -3px;
}

#slider.gastrock-hero-slider .gastrock-hero-main-carousel .owl-dots{
  margin-top: -10px;
  position: relative;
  z-index: 20;
}

@media screen and (max-width: 1199px){
  #slider.gastrock-hero-slider .gastrock-hero-slide > .row{
    gap: 28px;
  }
}

@media screen and (max-width: 991px){
  #slider.gastrock-hero-slider .gastrock-hero-slide{
    padding: 0 18px 22px !important;
  }

  #slider.gastrock-hero-slider .gastrock-hero-slide > .row{
    grid-template-columns: 1fr;
    gap: 22px;
  }

  #slider.gastrock-hero-slider .slider-content-box{
    width: calc(100% - 12px) !important;
    transform: none;
  }

  #slider.gastrock-hero-slider .gastrock-hero-media-box{
    max-width: 720px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media screen and (max-width: 767px){
  #slider.gastrock-hero-slider .gastrock-hero-main-carousel .owl-stage-outer{
    padding-top: 8px;
  }

  #slider.gastrock-hero-slider .gastrock-hero-slide{
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  #slider.gastrock-hero-slider .gastrock-hero-main-carousel .owl-nav button.owl-prev,
  #slider.gastrock-hero-slider .gastrock-hero-main-carousel .owl-nav button.owl-next{
    width: 34px;
    height: 48px;
  }

  #slider.gastrock-hero-slider .gastrock-hero-main-carousel .owl-nav button.owl-prev{
    left: -2px;
  }

  #slider.gastrock-hero-slider .gastrock-hero-main-carousel .owl-nav button.owl-next{
    right: -2px;
  }
}