/* Dani Sfarim */ @import url('https://fonts.googleapis.com/css2?family=Heebo:wght@700&display=swap'); /* General */ body { font-size: 14px;opacity:0; transition:all 0.35s ease; } body.ready {opacity:1; } body.items-page { opacity: 0; transition: all 0.3s ease; } body.items-page.ready { opacity: 1; } #header2 ul.menu li.active { color: #ad0018; } #header2 ul.menu > li:before { content: none; } #header2 ul.menu li:hover { color: #ad0018; } #header2 ul.menu li a:focus { opacity: 1; border-bottom: none; } #header .social-links a:focus:after, #header2 .header-top-left a:focus:after { content: none; } #CatalogModule .filters-box .filters-list-wrapper.active { width: 100%; } #CatalogModule .filters-box ul.filter-list { min-width: 100%; } h1, h2 { font-size: inherit; } footer { padding-top: 0; } #allSectionsWrapper, #SiteContainer { overflow: hidden; } .headerShop.side-cart .totalSumItems.cartActions a { border-radius: 50px; } .headerShop.side-cart .cartActions .goToCart.shopBtn:hover, .headerShop.side-cart .cartActions .goToCart.shopBtn:hover { border: 1px solid transparent; background: #000000; color: #ffffff; } .headerShop.side-cart .cartActions .goToCart.shopBtn:after { color: #000000; } body:not(.home-page):not(.CatalogItemPage) #SiteGridContainer { margin-bottom: 70px; } #whatAppButton { bottom: 35px; left: 5px; } /* Header */ #header2 { padding: 0; background: var(--blue, #153963); } #header-top-strip .topStripContainer a:hover { color: #b7b1b1; } #header-top-strip .topStripContainer { background: var(--blue, #153963); padding: 8px; font-family: MetaliMedium; } #header-top-strip .topStripContainer .topStripText { font-size: 122%; letter-spacing: 0.68px; } #header-top-strip .topStripContainer .topStripText { font-size: 122%; letter-spacing: 0.68px; } #header2 ul.menu li { color: #020202; font-size: 136%; font-family: 'MetaliMedium'; vertical-align: middle; margin-left: 0; } #header2 ul.menu li a:hover, #header2 ul.menu li a:focus { color: #ad0018; } #header2 .header-top .address { display: none; } #header2.detailsInRow .header-right-section { order: 2; display: flex; align-items: center; justify-content: space-between; width: calc(100% - 133px); } #header2 #header-left { order: 1; text-align: right; width: 93px; } #header2 ul.menu { margin-bottom: 0; height: 100%; align-items: center; } #header2.detailsInRow .menu-nav { margin-top: 0; } #header2 .max-width { width: 100%; } #header2 .header-top-left .navShopBtn.wishlistHeader > a, #header2 .header-top-left .navShopBtn.userBtn > button, #header2 .header-top-left .navShopBtn.cartBtn > button { display: flex; align-items: center; justify-content: center; height: 36px; width: 36px; border: 1px solid #dfe5eb; border-radius: 50%; padding: 0; transition: 0.4s; } #header2 .header-top-left .navShopBtn svg { width: 15px; display: none; } #header2 .header-top-left .navShopBtn.wishlistHeader a svg path, #header2 .header-top-left .navShopBtn.userBtn button svg path, #header2 .header-top-left .navShopBtn.cartBtn button svg path { fill: #020202; } #header2 #header-container { background: #fff; } .menuGroupTitle { font-size: 93%; color: #020202; display: table; margin-bottom: 15px; } /*.menuGroupTitle::after { content: ""; display: block; width: 100%; height: 1px; background: #020202; margin-top: 2px; }*/ #header2 ul.menu .menu-sub.megaMenu .megaMenuSub li { font-family: 'Heebo-Regular'; font-size: 79%; color: #535353; } #header2 .menu-sub.megaMenu { background: #f0f0f0; border-radius: 0 0 10px 10px; padding-top: 34px; padding-right: 30px; padding-left: 30px; min-width: 83vw !important; } .searchMobile { z-index: 15; } .searchBtn .close-search { position: absolute; left: 50%; top: 50%; transform: translate(-51%, -45%); } a.logoHeader { z-index: 12; } #header2 .header-top-left .navShopBtn.wishlistHeader a:hover, #header2 .header-top-left .navShopBtn.wishlistHeader a:focus, #header2 .header-top-left .navShopBtn.userBtn button:hover, #header2 .header-top-left .navShopBtn.userBtn button:focus, #header2 .header-top-left .navShopBtn.cartBtn button:hover, #header2 .header-top-left .navShopBtn.cartBtn button:focus { background: #ff9f85; } #quick-search-container #SearchResultContainer li.resultItem { padding: 0 11px; } #header2 #quick-search-container #SearchResultContainer .resultItem a { font-size: 100%; padding: 12px; } #quick-search-container #SearchResultContainer li.finalResultItem a { font-size: 86% !important; font-family: 'Heebo'; padding: 7px 0; } ul.searchResultsList { margin-bottom: 0; display: flex; flex-wrap: wrap; } #SearchResultContainer b { font-family: 'Heebo'; font-size: 100%; } #quick-search-container { z-index: -1; } #quick-search-container #SearchResultContainer .resultItem .resultArrow { left: 13px; } #header2 .header-top-left .navShopBtn.cartBtn button::after { content: ""; display: block; width: 13px; height: 16px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url(/warehouse/temp/danisfarim/cart.svg); background-size: contain; background-repeat: no-repeat; } #quick-search-container #SearchResultContainer li.resultItem { border-bottom: 1px solid #ebebeb; } #quick-search-container ul.searchResultsList { flex-direction: column; align-content: flex-end; } #quick-search-container #SearchResultContainer li.resultItem { width: 94%; margin: 0 11px; padding: 0; } #quick-search-container #SearchResultContainer li.finalResultItem { color: #ad0018; } #quick-search-container #SearchResultContainer li.finalResultItem a { font-size: 100% !important; } @media (max-width:767px) { #quick-search-container #SearchResultContainer li.resultItem { width: 100%; margin: 0; padding: 5px 11px; } } .navShopBtn.wishlistHeader a::after { content: ""; display: block; width: 15px; height: 14px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url(/warehouse/temp/danisfarim/whislist.svg); background-size: contain; background-repeat: no-repeat; } #header2 .header-top-left .navShopBtn.userBtn > button::after { content: ""; display: block; width: 15px; height: 16px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url(/warehouse/temp/danisfarim/profile.svg); background-size: contain; background-repeat: no-repeat; } .searchOpenDesk input#searchFormInput::placeholder { font-size: 100%; color: #020202; } .has-sub i.opensub { font-size: 120%; } .searchOpenDesk input#searchFormInput { font-size: 120% !important; font-family: 'MetaliMedium'; } .searchOpenDesk button.clearSearch { left: 50px !important; } input.shopBtn:hover, input.shopBtn:focus, .shopBtn:hover, .shopBtn:focus { color: #fff; } .headerShop.side-cart .cartActions .goToCheckout.shopBtn:hover::after, .headerShop.side-cart .cartActions .goToCheckout.shopBtn:focus::after { line-height: 1.3; } .headerShop.side-cart .cartActions .goToCart.shopBtn:hover::after, .headerShop.side-cart .cartActions .goToCart.shopBtn:focus::after, .headerShop.side-cart .cartActions .goToCart.shopBtn { line-height: 1.5; } /*.headerShop.side-cart .cartActions .goToCart.shopBtn:hover, .headerShop.side-cart .cartActions .goToCart.shopBtn:focus { line-height: 5; }*/ #header2 .searchOpenDesk button.clearSearch::after { content: "\f00d"; font-family: 'FontAwesome'; color: #121212; } #header2 .searchOpenDesk button.clearSearch svg.clear-search-svg { display: none; } #header2 .menu-sub:not(.megaMenu) { background: #f0f0f0; border-radius: 0 0 10px 10px; padding-top: 18px; padding-right: 30px; padding-left: 30px; } #header2 ul.menu .menu-sub li { font-family: 'Heebo-Regular'; color: #535353; } #header2 ul.menu .menu-sub:not(.megaMenu) li { font-size: 75%; } /* Homepage */ #home-gallery { height: 300px !important; } #home-gallery { margin-top: calc(var(--headerHeight) ) !important; height: 496px !important; margin-bottom: 80px; } #home-gallery .gallery-caption .gallery-text { text-align: center; } #home-gallery .gallery-caption .gallery-text { font-size: 686%; font-family: 'MetaliBold'; line-height: 0.9; letter-spacing: -1.92px; } /*body:not() #home-gallery .gallery-caption .gallery-text > div { font-size: 143%; font-family: 'MetaliMedium'; line-height: 0.5; letter-spacing: 6.4px; } body:not() #home-gallery .gallery-caption .gallery-text > span { font-size: 80.4%; font-family: 'MetaliMedium'; letter-spacing: 6.75px; }*/ #home-gallery .gallery-caption { top: 55%; transform: translate(-50%, -50%); } #home-gallery .gallery-caption { top: 50%; transform: translate(-50%, -50%); } #home-gallery .scroll-down { display: none; } #home-gallery .slider-bg.stellar-bg { height: 300px !important; min-height: unset; background-attachment: inherit; } #home-gallery .slider-bg.stellar-bg { height: 496px !important; min-height: unset; background-attachment: inherit; } .home-page { background-color: #F2F5F7; } .home-page .grid-image-section { height: auto; margin: 0; } .home-page .grid-image-section .image-section-data { height: auto; } .home-page .grid-image-section img { margin-top: 0 !important; } .section.new-book-section { padding: 0; margin: 0; background: url(/warehouse/temp/danisfarim/homepage/bg-text.svg); background-repeat: no-repeat; background-size: cover; background-position: center; padding-top: 70px; padding-bottom: 70px; } .new-book-section .grid-rows .grid-row { background: transparent; } .new-book-section .grid-rows .grid-row-text h2 { font-size: 250%; font-family: MetaliBold; letter-spacing: 0.9px; line-height: 1; max-width: 400px; } .new-book-section .grid-rows .grid-row-text p { font-size: 122%; } .new-book-section .grid-rows .grid-row-text { width: 82%; margin-top: 0; } .new-book-section .grid-rows .grid-row-text a.grid-row-button, .discount-section .grid-text .sec-button, .books-section .sec-button, .club-delivery-section .grid-boxes .grid-box-subtitle.button a, .itemContentWrapper button#addToCartBtn, .shopBtn, .delivery-page #text1 a, .buttons-section a, .leftCubeBtn .grid-box-subtitle.button a, .rightCubeBtn .grid-box-subtitle.button a { font-family: 'MetaliMedium'; font-size: 164%; letter-spacing: 0.46px; line-height: 1.22; background: #f25c4d; border-radius: 50px; border: 1px solid transparent; color: #fff; padding: 9.5px 37px 7.5px 37px; position: relative; transition: 0.3s; height: 47px; overflow: hidden; } .new-book-section .grid-rows .grid-row-text a.grid-row-button:hover, .discount-section .grid-text .sec-button:hover, .books-section .sec-button:hover, .club-delivery-section .grid-boxes .grid-box-subtitle.button a:hover, .itemContentWrapper button#addToCartBtn:hover, .shopBtn:hover, .delivery-page #text1 a:hover, .buttons-section a:hover, .leftCubeBtn .grid-box-subtitle.button a:hover, .rightCubeBtn .grid-box-subtitle.button a:hover, .headerShop.side-cart .cartActions .goToCheckout.shopBtn:hover { background: #264f6a; border: 1px solid transparent; } /*.new-book-section .grid-rows .grid-row-text a.grid-row-button:focus, .discount-section .grid-text .sec-button:focus, .books-section .sec-button:focus, .club-delivery-section .grid-boxes .grid-box-subtitle.button a:focus, .itemContentWrapper button#addToCartBtn:focus, .shopBtn:focus, .new-book-section .grid-rows .grid-row-text a.grid-row-button:hover, .discount-section .grid-text .sec-button:hover, .books-section .sec-button:hover, .club-delivery-section .grid-boxes .grid-box-subtitle.button a:hover, .itemContentWrapper button#addToCartBtn:hover, .shopBtn:not(input):hover, .delivery-page #text1 a:hover, .delivery-page #text1 a:focus, .buttons-section a:hover, .buttons-section a:focus, .leftCubeBtn .grid-box-subtitle.button a:hover, .leftCubeBtn .grid-box-subtitle.button a:focus, .rightCubeBtn .grid-box-subtitle.button a:hover, .rightCubeBtn .grid-box-subtitle.button a:focus { line-height: 4; }*/ /*.new-book-section .grid-rows .grid-row-text a.grid-row-button::after, .discount-section .grid-text .sec-button::after, .books-section .sec-button::after, .club-delivery-section .grid-boxes .grid-box-subtitle.button a::after, .itemContentWrapper button#addToCartBtn::after, .shopBtn::after, .delivery-page #text1 a::after, .buttons-section a::after, .leftCubeBtn .grid-box-subtitle.button a::after, .rightCubeBtn .grid-box-subtitle.button a::after { content: attr(data-text); position: absolute; left: 50%; transform: translate(-50%, -200%); width: 100%; text-align: center; top: -140%; color: #fff; line-height: initial; transition: all 0.3s; } .new-book-section .grid-rows .grid-row-text a.grid-row-button:hover::after, .discount-section .grid-text .sec-button:hover::after, .books-section .sec-button:hover::after, .club-delivery-section .grid-boxes .grid-box-subtitle.button a:hover::after, .itemContentWrapper button#addToCartBtn:hover::after, .shopBtn:hover::after, .new-book-section .grid-rows .grid-row-text a.grid-row-button:focus::after, .discount-section .grid-text .sec-button:focus::after, .books-section .sec-button:focus::after, .club-delivery-section .grid-boxes .grid-box-subtitle.button a:focus::after, .itemContentWrapper button#addToCartBtn:focus::after, .shopBtn:focus::after, .delivery-page #text1 a:hover::after, .delivery-page #text1 a:focus::after, .buttons-section a:hover::after, .buttons-section a:focus::after, .leftCubeBtn .grid-box-subtitle.button a:hover::after, .leftCubeBtn .grid-box-subtitle.button a:focus::after, .rightCubeBtn .grid-box-subtitle.button a:hover::after, .rightCubeBtn .grid-box-subtitle.button a:focus::after { transform: translate(-50%, 0); line-height: initial; top: auto; }*/ .shopBtn:focus, .shopBtn:hover { border: 1px solid #f25c4d; font-size: 164%; } .books-section .sec-button { display: inline-block; min-width: 194px; } .buttons-section a { display: inline-block; margin: 0 5px 10px; } .discount-section .grid-text .sec-button { background: #020202; margin-top: 23px; } .new-book-section .box-image-animation img { max-width: 584px; } .new-book-section .grid-row li.slider-item { padding-bottom: 55.7%; } .new-book-section .box-image-animation { text-align: left; } .new-book-section .grid-rows { max-width: 1200px; margin: 0 auto; } .discount-section { background: #ff9f85; padding-bottom: 57px; padding-top: 49px; margin-bottom: 0; } .discount-section.grid-text-section .section-title h2 { font-family: 'MetaliBold'; font-size: 164%; letter-spacing: 2.3px; } .discount-section.grid-text-section .section-title h2::before { content: "///"; margin-left: 12px; font-family: 'Heebo'; } .discount-section.grid-text-section .section-title h2::after { content: "///"; padding-right: 12px; font-family: 'Heebo'; } .discount-section.grid-text-section .grid-text-content h2 { font-size: 580%; font-family: 'MetaliBold'; letter-spacing: 5px; line-height: 1; } .discount-section.grid-text-section .grid-text-content p { font-family: 'MetaliMedium'; font-size: 286%; letter-spacing: 0.8px; margin-top: 0; line-height: 0.8; } .discount-section::before { content: ""; display: block; width: 480px; height: 100%; background: url(/warehouse/temp/danisfarim/homepage/launching/L.png); position: absolute; left: 0; top: 0; background-size: 100% 100%; background-repeat: no-repeat; } .discount-section::after { content: ""; display: block; width: 371px; height: 100%; background: url(/warehouse/temp/danisfarim/homepage/launching/R.png); position: absolute; right: 0; top: 0; background-size: 100% 100%; background-repeat: no-repeat; } .books-section .section-title h2, .specials-section .section-title h2 { font-family: 'MetaliBold'; font-size: 429%; letter-spacing: 4.8px; } .books-section .section-title h3, .specials-section .section-title h3 { font-family: 'MetaliBold'; font-size: 165%; color: #878787; letter-spacing: 2.3px; margin-top: 2px; } .books-section .section-title h3::before, .specials-section .section-title h3::before { content: "///"; margin-left: 12px; font-family: 'Heebo'; } .books-section .section-title h3::after, .specials-section .section-title h3::after { content: "///"; margin-right: 12px; font-family: 'Heebo'; } .books-section .catalogItemBox .catalogItemBoxInner { border: 1px solid #ececec; padding-top: 27px; padding-bottom: 18px; height: 100%; display: flex; flex-direction: column; } .books-section .catalogItemBox { padding: 0; margin-bottom: 29px; } .books-section .owl-carousel .owl-item .item { padding: 0 21px; } .books-section .catalogItemBox a.item-image, .catalogCategoryBox a.catalogCategoryBoxImage { padding-bottom: 110.6%; } .productLabel.wishlist { top: 50px; right: 17px; } .productLabel.wishlist button.wishListBtn { background: #000; border-radius: 50%; width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; } .productLabel.wishlist button.wishListBtn svg path { stroke: #fff; } .catalogItemBox h3.itemTitle { font-family: 'Heebo'; font-size: 116%; letter-spacing: 0.4px; margin-right: 10px; max-width: 100%; direction: rtl; line-height: 1.2; min-height: 42px; height: 42px; overflow: hidden; } .catalogItemBox .item-text-top { min-height: 73px; flex-grow: 1; } h4.item-subtitle { font-size: 93%; margin-top: 0; margin-right: 10px; } .catalogItemBoxInner .item-price { direction: rtl; font-family: 'MetaliMedium'; font-size: 172%; margin-right: 10px; display: flex; align-items: center; flex-wrap: wrap; } .item-price span.finalPrice:before { font-size: 36%; margin-right: -4px; } #CatalogModule span.itemBeforeDiscountPrice, .catalogItemBox span.itemBeforeDiscountPrice { font-family: 'MetaliMedium'; font-size: 64.6%; margin-top: 8px; } .catalogItemBoxInner .item-add-to-cart { padding-right: 25px; } .catalogItemBoxInner .item-add-to-cart { min-height: 27px; } .add-to-cart, button#addToCartBtn { font-family: 'MetaliMedium'; font-size: 128%; color: #ad0018; background: transparent; width: auto; min-width: unset; border: none; padding: 0; border-bottom: 1px solid #ad0018; line-height: 1; } .catalogItemBox a.item-image img, .catalogCategoryBox a.catalogCategoryBoxImage img { box-shadow: 0 -5px 35px 0 rgb(0 0 0 / 15%); } .checkOutItemsCarousel .catalogItemBox .catalogItemBoxInner { opacity: 0; transition: 0.3s all; } .checkOutItemsCarousel.owl-carousel .catalogItemBox .catalogItemBoxInner { opacity: 1; } section.books-section { margin-bottom: 0; padding-bottom: 49px; } .books-section .section-title { margin-bottom: 40px; } .books-section-sale { background: #f7f7f7; } .section.narrowRow .grid-boxes .grid-box-image { padding-bottom: 23%; margin-bottom: 0; } section.narrowRow.grid-content-section, .section.narrowRow .grid-box { padding: 0; max-width: 1903px; margin-bottom: 0; } .narrowRow .grid-box-title, .narrowRow .grid-box-subtitle.button { position: absolute; top: 35%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 100%; } .offersboxes .grid-box-title { display: none; } .narrowRow .grid-box-subtitle.button { top: 50%; margin-top: 30px; font-size: 100%; } .narrowRow .grid-box-subtitle.button a { display: inline-block; } .narrowRow .grid-box-title h3 a { font-family: 'MetaliBold'; color: #000; font-size: 215% } .rightCubeBtn .grid-box-subtitle.button a { background: #000; } /*.section.narrowRow .grid-boxes .leftCubeBtn .grid-box-image:after { content: ""; background-image: url(/warehouse/temp/danisfarim/homepage/L.png); background-size: 100% 100%; background-repeat: no-repeat; position: absolute; top: 0; right: 0; left: 0; bottom: 0; } .section.narrowRow .grid-boxes .rightCubeBtn .grid-box-image:after { content: ""; background-image: url(/warehouse/temp/danisfarim/homepage/R.png); background-size: 100% 100%; background-repeat: no-repeat; position: absolute; top: 0; right: 0; left: 0; bottom: 0; } */ #GridTop .top-caption { display: none; } .catalogItemBox a.item-text, .catalogCategoryBox .catalogCategoryBoxText { flex-grow: 1; } @media (min-width: 1024px ) { .macOs #home-gallery { margin-top: calc(var(--headerHeight) + 13px) !important } .macOs #home-gallery,.macOs #home-gallery .slider-bg.stellar-bg {min-height:550px !important } } @media (min-width: 1085px ) and (max-width: 1450px) { .narrowRow .grid-box-title h3 a { font-size: 150%; } } @media (min-width: 768px) and (max-width: 1080px) { .narrowRow .grid-box-title h3 a { font-size: 120%; } .narrowRow .grid-box-title, .narrowRow .grid-box-subtitle.button { top: 10%; transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%); } .section.narrowRow .grid-boxes .grid-box-image { padding-bottom: 45%; } .section.narrowRow.offersboxes .grid-boxes .grid-box-image { padding-bottom: 24%; margin-bottom: 0; } } @media (max-width: 767px) { .section.narrowRow .grid-boxes .grid-box-image { padding-bottom: 52%; margin-bottom: 0; } .narrowRow .grid-box-title, .narrowRow .grid-box-subtitle.button { top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .narrowRow .grid-box-title { top: 25%; } .narrowRow .grid-box-title h3 { width: 80%; margin: auto; } .narrowRow .grid-box-title h3 a { font-size: 150%; } #home-gallery .slider-bg.stellar-bg { height: auto !important; aspect-ratio: 3 / 2; } } .grid-content-section.club-delivery-section { max-width: unset; padding: 0; margin-bottom: 0; } .club-delivery-section .grid-boxes .grid-box-image { padding-bottom: 50%; } .club-delivery-section .grid-boxes .section-animation-item.opacity { padding: 0; } .club-delivery-section .grid-boxes .box-image-animation:hover img, .club-delivery-section .grid-boxes .box-image-animation:focus img { transform: none; } .club-delivery-section .grid-box-opacity-layer { background: transparent; } .club-delivery-section .grid-box-image-text { width: 92%; height: 83%; display: flex; flex-direction: column; justify-content: center; } .club-delivery-section .grid-box-image-text::before { content: ""; display: block; position: absolute; top: 0; left: 0; background: #fff; width: 100%; height: 100%; opacity: 0.87; z-index: -1; } .club-delivery-section .grid-boxes .grid-box-title h3 { font-family: 'MetaliBold'; letter-spacing: 1.8px; font-size: 214%; } .club-delivery-section .grid-boxes .grid-box-title h3 a { color: #020202; } .club-delivery-section .grid-boxes .grid-box-subtitle:not(.button) { color: #020202; font-family: 'MetaliMedium'; font-size: 109%; margin-bottom: 7px; } .club-delivery-section .grid-box-image-text p { color: #020202; font-family: 'MetaliMedium'; font-size: 143%; max-width: 389px; margin: 0 auto; line-height: 1.2; } .club-delivery-section .grid-boxes .grid-box-subtitle.button a { font-size: 92%; display: inline-block; min-width: 194px; margin-top: 14px; } .club-delivery-section .grid-boxes .grid-box-image { margin-bottom: 0; } .club-delivery-section .grid-boxes.row { margin: 0; } #addToCartBtn span { left: -25px; } #addToCartBtn span svg { fill: #ad0018; } .cartItemsCounter { right: -9px; bottom: auto; top: 0; } .cartItemsCounter span.CartItems { left: 53%; } .owl-carousel .owl-next:after { background-image: url(/warehouse/temp/danisfarim/left.svg); width: 46px; height: 46px; } .owl-carousel .owl-prev::after { background-image: url(/warehouse/temp/danisfarim/right.svg); width: 46px; height: 46px; } .owl-carousel .owl-next { left: auto; right: 94px; transform: translateY(-50%) rotate( 180deg ) !important; } .owl-carousel .owl-prev { right: auto; left: 94px; transform: translateY(-50%) rotate( 180deg ) !important; } .specials-section { background: url(/warehouse/temp/danisfarim/homepage/specials/bg-text.svg); margin-bottom: 0; background-color: #dfe5eb; padding-bottom: 41px; padding-left: 0; padding-right: 0; } .specials-section .owl-controls { display: none; } .specials-section .grid-boxes .grid-box-image { padding-bottom: 100%; margin-bottom: 0; border-radius: 50%; box-shadow: 0 3px 35px 0 rgba(0, 0, 0, 0.2); } .specials-section .owl-carousel .owl-stage-outer { padding-top: 30px; } .specials-section .section-title { margin-bottom: 20px; } .specials-section .grid-boxes .grid-box-title h3 { font-family: 'MetaliMedium'; font-size: 143%; letter-spacing: 0.4px; } .specials-section .grid-boxes .grid-box-title h3 a { color: #000000; position: relative; display: block; } .specials-section .grid-box-title { margin-top: 29px; } .specials-section .grid-boxes .grid-box-title h3 a::before { content: ""; display: block; position: absolute; top: -54px; left: 50%; transition: 0.4s; transform: translateX(-50%); background: url(/warehouse/temp/danisfarim/homepage/specials/btn.svg); background-size: contain; width: 40px; height: 40px; border-radius: 50%; } .specials-section .grid-boxes .section-animation-item.opacity { padding-left: 12px; padding-right: 12px; } .specials-section .grid-boxes .grid-box-title h3 a:hover::before, .specials-section .grid-boxes .grid-box-title h3 a:focus::before { background-image: url(/warehouse/temp/danisfarim/homepage/specials/btn-hover.svg); } .specials-section .owl-carousel.row { margin: 0; } .sepcials-section .grid-boxes .box-image-animation:hover img { transform: none; } .specials-section .grid-boxes .box-image-animation { overflow: hidden; border-radius: 50%; } /* Category Page */ .catalog-page #headline h1 { font-family: 'MetaliMedium'; font-size: 272%; } .registerFormWrapper.registerPage #headline h1 { font-size: 200%; } #CatalogModule .filters-box button.filters-title { font-family: 'Heebo-Regular'; font-size: 121%; background: #ebebeb; border-radius: 50px; padding: 8px 33px; min-width: 139px; } .desktop-filters-list { text-align: center; } .catalog-page .catalogItemBox.align-right { width: 20%; padding-right: 17px; padding-left: 17px; } .catalogItemBox .catalogItemBoxInner { border: 1px solid #ececec; padding-top: 27px; padding-bottom: 18px; height: 100%; } .catalogItemBox a.item-image, .catalogCategoryBox a.catalogCategoryBoxImage { padding-bottom: 115%; } .catalog-page .productLabel.wishlist { right: 20px; } #CatalogModule .CatalogNav .navigationItems a { color: #020202; font-family: 'MetaliMedium'; font-size: 178%; border-radius: 0%; min-width: 40px; height: 40px; background: transparent; border: 1px solid #ececec; margin-bottom: 5px; } #CatalogModule .CatalogNav .navigationItems a.active { color: #020202; background: #f25c4d; } #CatalogModule .CatalogNav .navigationItems { margin-right: 10px; } #CatalogModule .CatalogNav span#NextPage a span, #CatalogModule .CatalogNav span#PrevPage a span { display: none; } #CatalogModule .CatalogNav span#NextPage a::before, #CatalogModule .CatalogNav span#PrevPage a::before { content: ""; display: inline-block; background: url(/warehouse/temp/danisfarim/inner/pagination-arrow.svg); width: 21px; height: 16px; margin-bottom: -4px; margin-left: 6px; } #CatalogModule .CatalogNav span#PrevPage a::before { margin-right: 6px; transform: rotate(180deg); } #CatalogModule .filters-box ul.filter-list { background: #dddddd; } #CatalogModule .filters-box ul.filter-list li { text-align: right; margin-bottom: 5px; } #CatalogModule .filters-box ul.filter-list li a:hover, #CatalogModule .filters-box ul.filter-list li a:focus { color: #ad0018; } #CatalogModule .filters-box ul.filter-list { max-height: 400px; } #CatalogModule .filters-box .filters-list-wrapper { top: 50px; } #CatalogModule .filters-box ul.filter-list::-webkit-scrollbar { width: 5px; } #CatalogModule .filters-box ul.filter-list::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); } #CatalogModule .filters-box ul.filter-list::-webkit-scrollbar-thumb { background-color: #ad0018; } .catalog-page #GridTop, #GridTop { height: 182px; } .top-caption { top: 50%; color: #020202; font-family: 'MetaliMedium'; font-size: 571%; } .productLabel.collection-4669 { background: #ad0018; } .productLabel.collection-4669 { background: #2F76CB; } .productLabel { direction: rtl; font-weight: bold; border-top-right-radius: 20px; border-bottom-right-radius: 20px; font-size: 80%; padding: 3px 15px; } .productLabel.Left { position: static; display: table; margin-bottom: 5px; left: 0; width: 64px; } .label-wrapper { position: absolute; z-index: 1; top: 27px; left: 0; } .CatalogItemPage .label-wrapper { display: flex; flex-direction: column; align-items: flex-start; } .productLabel.Right { right: 0; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; } .catalogItemBox h4.item-subtitle { min-height: 30px; overflow: hidden; } .productLabel.collection-4693 { background: #ff9f85; color: #020202; } .productLabel.collection-4695 { background: #f25c4d; color: #020202; /*top:70px;*/ } .productLabel.collection-4668, .productLabel.collection-7857 { background: #DF1D34; color: #fff; } .productLabel.collection-4695 { background: #F9B041; color: #000; } .productLabel.collection-4692 { background: #264f6a; color: #ffffff; /*top: 40px;*/ } #CatalogModule .itemImages .productLabel.Right { right: 0; } .productLabel.offer { border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; left: auto; right: 0; top: 0; } .productLabel.offer:nth-of-type(2) { top: 26px; } .catalogItemBox .add-to-cart, .catalogItemBox button#addToCartBtn { margin-top: 0; } .catalogItemBox.catalogItemBoxOutOfStock .item-add-to-cart button.add-to-cart#addToCartBtn { background: #dcdcdc; padding: 5px; border: 0; } .gridTopCatalog { background-image: url(http://dani.getmood.io/warehouse/dynamic/206909.jpg); } /* Product Page */ .CatalogItemPage { background: #f7f7f7; } .RelatedItemsWrapper.row::before { content: ""; display: block; width: 100vw; height: 100%; background: #fff; position: absolute; width: 100vw; right: 50%; margin-left: -50vw; margin-right: -50vw; } .RelatedItemsWrapper.row { position: relative; /*max-width: 703px;*/ margin: 0 auto; } .itemContentWrapper.row { display: flex; flex-wrap: wrap; margin-bottom: 150px; } #CatalogModule .gallery-slider.large { padding: 53px 0; } .CatalogItemPage.catalog-page #headline h1 { font-family: 'MetaliBold', 'HEEBO'; font-size: 204%; margin-top: -19px; line-height: 1; } .CatalogItemPage #catalogText { line-height: 1.57; margin-bottom: 25px; } .CatalogItemPage #CatalogModule .itemImages { border: 1px solid #ececec; background: #fff; padding-right: 15px; } .CatalogItemPage #CatalogModule .itemContent { padding-left: 15px; padding-right: 55px; } .CatalogItemPage .catalogTextContainer { border-bottom: 1px solid #d9d9d9; } #CatalogItemView .item-collections { margin-top: 25px; font-size: 93%; margin-bottom: 0; } #CatalogModule .item-makat, .catalogItemBox .item-makat { margin-top: 0; color: #000000; font-size: 93%; margin-bottom: 25px; } #CatalogModule #CatalogItemView .item-quantity { margin-top: 34px; } #CatalogModule .item-quantity .item-plus, .catalogItemBox .item-quantity .item-plus, .headerShop .cartItemsTable.hasQuantitySelection .quantityAndcartItemPrice .item-quantity .item-plus, .cartItemsTable .item-quantity .item-plus { border-radius: 0 15px 15px 0; } #CatalogModule .item-quantity .item-minus, .catalogItemBox .item-quantity .item-minus, .headerShop .cartItemsTable.hasQuantitySelection .quantityAndcartItemPrice .item-quantity .item-minus, .cartItemsTable .item-quantity .item-minus { border-radius: 15px 0 0 15px; } #CatalogModule .item-quantity .itemQuantityContainer, .catalogItemBox .item-quantity .itemQuantityContainer, #CatalogModule .item-quantity .itemQuantityContainer, .catalogItemBox .item-quantity .itemQuantityContainer { background: #fff; } #CatalogModule .item-quantity button, .catalogItemBox .item-quantity button, .headerShop .cartItemsTable.hasQuantitySelection .quantityAndcartItemPrice .item-quantity button, .cartItemsTable .item-quantity button { background: #dfe5eb; } .st0 { fill: #000 !important; } #SiteContainer { overflow: hidden; } #CatalogItemView .itemContent .item-price span.finalPrice { font-family: 'MetaliBold'; font-size: 286%; vertical-align: middle; } #CatalogItemView .itemContent .item-price span.finalPrice::before { font-family: 'MetaliBold'; content: "₪"; font-size: 70%; margin-right: 7px; } #CatalogItemView .itemContent .item-price span.itemBeforeDiscountPrice.hasDiscount { font-size: 172%; font-family: 'MetaliBold'; direction: ltr; } #CatalogItemView .itemContent .item-price span.itemBeforeDiscountPrice.hasDiscount::before { content: "₪"; font-family: 'MetaliBold'; font-size: 70%; margin-right: -2px; } #CatalogModule span.itemBeforeDiscountPrice:after { border-top: 2px solid; top: 57%; width: 80%; left: auto; right: 0; } #CatalogModule .item-actions { border: none; display: flex; align-items: center; } .itemContentWrapper button#addToCartBtn { min-width: 194px; } #CatalogItemView .shareBox { float: none; } #CatalogModule #CatalogItemView .catalog-fields { background: #fff; box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.07); border: none; margin-bottom: 59px; } #CatalogModule #CatalogItemView .catalog-fields ul.catalog-fields-tabs { border-bottom: 2px solid #ececec; } #CatalogModule #CatalogItemView .catalog-fields li.catalog-fields-tab-title.active::before { content: ""; display: block; position: absolute; bottom: -2px; right: 0; height: 2px; width: 100%; background: #f25c4d; } #CatalogModule #CatalogItemView .catalog-fields li.catalog-fields-tab-title { overflow: visible; } #CatalogModule #CatalogItemView .catalog-fields li.catalog-fields-tab-title:after { display: none; } #CatalogModule #CatalogItemView .catalog-fields .catalog-fields-tab-text.active { font-size: 100%; padding-top: 26px; padding-bottom: 32px; padding-right: 19px; } #CatalogModule #CatalogItemView .catalog-fields li.catalog-fields-tab-title button { font-family: 'MetaliBold'; font-size: 143%; } #CatalogModule .relatedItems { margin-top: 0; margin-bottom: 53px; } #CatalogModule .relatedItems .relatedItemsTitle:after { display: none; } #CatalogModule .relatedItems h2 { font-family: 'MetaliBold'; font-size: 357%; margin: 40px 0; } #CatalogModule { padding-bottom: 0; } #CatalogItemView .item-price span.itemBeforeDiscountPrice.hasDiscount { margin-right: 13px; } #CatalogItemView .relatedItems .item-price span.itemBeforeDiscountPrice.hasDiscount { margin-right: 0; } .catalogContainer.container { width: 100%; } #CatalogModule .relatedItems h2 { font-size: 360%; padding: 0; } .CatalogItemPage #subheadline h2 { font-size: 214%; } #CatalogModule .itemContent #headline { margin-bottom: 6px; } .custom-carousel-5-items .RelatedItemsWrapper { max-width: 100%; } @media (min-width: 1170px) { .catalog-page:not(.CatalogItemPage):not(.ShopRelatedPage) #GridWrap { max-width: 1440px; } .catalog-page:not(.CatalogItemPage):not(.ShopRelatedPage) .catalogItemBox.align-right { width: 16.66%; } } /* Checkout */ .ShopCheckoutPage #headline h1 { font-family: 'MetaliBold'; font-size: 204%; text-align: right; margin-bottom: 30px; } .cartItemsTable .cartItemName.cartItemsCell, .cartItemsTable .cartItemsTitles .cartItemsCell { font-size: 182%; font-family: 'MetaliBold'; } .cartSubTotal .subTotalTitle { padding: 15px 20px; } .cartSubTotal .subTotalTitle h2 { font-family: 'MetaliBold'; font-size: 200%; } .cartItemsTable .cartItemsTitles, .cartSubTotal .subTotalTitle { background: #dfe5eb; } .cartItemsTable .items, .cartSubTotal { background: #fff; } .cartWrapper .cartItemsTable { box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.07); } .cartSubTotal { box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.07); } .cartItemsTable .cartItem .itemName { font-size: 130%; line-height: 1.2; margin-bottom: 10px; max-width: calc(100% - 110px); font-family: 'MetaliMedium'; } .cartItem span.finalPrice, .cartItemsTable .cartItemTotal.cartItemsCell.price { font-family: 'Heebo'; font-size: 114%; } .cartItemsTable .cartItem span.itemBeforeDiscountPrice:before, .cartItemsTable .cartItem span.finalPrice:before, .price:before { font-size: 54%; margin-right: -1px; } .cartSubTotal .totalSumItems.itemsInCart, .cartSubTotal .totalSumItems { font-family: 'Heebo'; font-size: 129%; } .cartSubTotal .totalSumItems.totalPrice { font-family: 'Heebo'; font-size: 186%; position: relative; padding-top: 20px; } .cartSubTotal .totalSumItems.totalPrice::before { content: ""; display: block; position: absolute; top: 10px; left: 50%; height: 1px; width: 89%; background: #b4b4b4; transform: translateX(-50%); } .cartSubTotal .totalSumItems { text-align: center; } .deleteCircle { fill: transparent !important; } .cartItemsTable .cartItem:not(:last-child):after { border-bottom: 1px solid #dedede; } .checkout-login { background: #fff; box-shadow: 0 3px 30px 0 rgb(0 0 0 / 7%); } form#checkout-form .checkoutTitle h3, .checkOutItemsBoxTitle h3 { font-family: 'MetaliBold'; font-size: 200%; padding: 15px 30px; background: #dfe5eb; } form#checkout-form .checkoutFormWrapper { background: #fff; /* box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.07); */ } .shopLayout.checkoutPage .cartSubTotal .totalSumItems.totalPrice:before { border: none; margin: 0; } .cartSubTotal .subTotalTitle { display: flex; align-items: center; justify-content: space-between; } form.shop-form .form-control:not([type=checkbox]):not([type=submit]):not([type=button]):not([type=radio]) { border-radius: 0; border: 1px solid #b4b4b4; } .checkoutInputsWrapper label { font-family: 'Heebo'; font-size: 114%; } form.shop-form .form-control:not([type=checkbox]):not([type=submit]):not([type=button]):not([type=radio]):focus, form.shop-form .form-control:not([type=checkbox]):not([type=submit]):not([type=button]):not([type=radio]):hover { border: 1px solid #000; } form.shop-form input[type=checkbox] { width: 20px; height: 20px; /* background-color: #264f6a; */ border-radius: 50%; /* border: none; */ border-color: #264f6a; } button.couponButton.shopBtn.CouponOk { padding: 8px 20px; } .cartBottomText { font-size: 93%; } .cartItemDelete.cartItemsCell svg { width: 16px; height: 16px; } .headerShop.side-cart .cartItemsTable .cartItem .cartItemQ.cartItemsCell { padding-top: 6px; } .headerShop.side-cart .totalSumItems.priceInfo { font-size: 190%; margin-bottom: 9px; font-family: 'MetaliMedium'; } .headerShop.side-cart .totalSumItems.top { background: #264f6a; color: #ffffff; } .headerShop.side-cart .cart .closeCart svg { fill: #ffffff; } .headerShop.side-cart .cartBottomText { padding-right: 0; padding-top: 0; } .shopBtn:hover, .shopBtn:focus { background: #f25c4d; } .headerShop.side-cart .cartActions .goToCheckout.shopBtn { padding-top: 7px; } .free-delivery { display: flex; width: 100%; padding-inline: 50px; color: var(--white, #FFF); font-size: 115%; line-height: 140%; font-family: 'Heebo-Regular'; font-weight: 700; padding-top: 20px; } .free-delivery p { border-radius: 4px; background: var(--bordo, #D00A2C); width: 100%; min-height: 60px; height: auto; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 11px 15px; } .free-delivery p > :last-child { display: none; } /* Footer */ #SiteFooter { float: none; padding-bottom: 0; background: #2d2d2d; display: flex; flex-direction: column; padding-top: 46px; padding-left: 15px; padding-right: 15px; } #SiteFooter .footer-address { display: none; } #SiteFooter .site-credit.alternative { padding: 20px 0; order: 3; } .footer-text.text-center { order: 1; max-width: 1200px; margin: 0 auto; padding: 0; } #SiteFooter #partners-section { max-width: 95vw; } #SiteFooter #partners-section { order: 2; max-width: 1200px; margin: 0 auto; border-top: 1px solid #fff; margin-top: 30px; display: flex; justify-content: space-between; align-items: center; padding-top: 26px; padding-bottom: 30px; } .footer-text.text-center > span { display: flex; justify-content: space-between; flex-wrap: wrap; } .footer-text.text-center ul { list-style: none; padding-right: 0; text-align: right; color: #fff; } .footer-text.text-center ul .footer-category { font-family: 'Heebo'; } .footer-social .icon-hover { display: none; } .footer-social a:hover .icon-hover, .footer-social a:focus .icon-hover { display: inline-block; } .footer-social a:hover .icon-normal, .footer-social a:focus .icon-normal { display: none; } .footer-social img { width: 35px; height: 35px; } #SiteFooter #partners-section > div { min-width: 84px; } #SiteFooter #partners-section a.footer-phone { font-family: 'MetaliMedium'; color: #fff; font-size: 121%; margin-top: 9px; } #SiteFooter .site-credit.alternative { margin-right: -15px; margin-left: -15px; } /* Other */ #whatAppButton a img { display: block; } #whatAppButton a { position: relative; } form.shop-form input[type=checkbox]:checked { background-color: #264f6a; background-image: url(/warehouse/temp/danisfarim/v.svg); background-size: 50%; background-repeat: no-repeat; background-position: center; } .registerFormWrapper.registerPage { background: #fff; box-shadow: 0 3px 30px 0 rgb(0 0 0 / 7%); } .loggedInUser.profileSideBar h4 { background: #dfe5eb; } .userProfile #headline { background: #dfe5eb; } .registerFormWrapper { background: #fff; box-shadow: 0 6px 20px 0 rgba(78, 78, 78, 0.1); } .userProfile #headline h1 { font-size: 160% !Important; } #CatalogModule .item-actions .addToCart { height: 47px; } .itemsTableWrapper:after { opacity: 0.8; } body.SearchResults section#GridTop { height: 0; } body.SearchResults section#GridTop .top-caption { display: none; } .normal-form input { background: #f6f6f6; border: 0; border-radius: 0; } .normal-form, #clubform { border: 0; box-shadow: 0 6px 20px 0 rgba(78, 78, 78, 0.1); } .normal-form:after { display: none; } .normal-form input[type=submit] { font-family: 'MetaliMedium'; font-size: 164%; letter-spacing: 0.46px; line-height: 1.22; background: #f25c4d; border-radius: 50px; border: 1px solid transparent; color: #fff; padding: 9.5px 37px 7.5px 37px; position: relative; transition: 0.3s; height: 47px; overflow: hidden; } .normal-form input[type=submit]:hover, .normal-form input[type=submit]:focus { background: #f25c4d; border: 0; color: #ffffff; } .normal-form-confirm { text-align: right; padding-right: 0; } .shopLayout.userAccountPage #headline h1 svg { display: none; } .shopLayout.userAccountPage #headline h1:after { content: ""; display: inline-block; width: 40px; height: 40px; background: url(/warehouse/temp/danisfarim/profile.svg); background-size: contain; background-repeat: no-repeat; } .loggedInUser.profileSideBar a.userAction.userAccount svg { display: none; } .loggedInUser.profileSideBar a.userAction.userAccount::before { content: ""; display: inline-block; width: 22px; height: 25px; background: url(/warehouse/temp/danisfarim/profile.svg); background-size: contain; background-repeat: no-repeat; vertical-align: middle; } .loggedInUser.profileSideBar a.userAction.userActionWishlist svg { display: none; } .loggedInUser.profileSideBar a.userAction.userActionWishlist::before { content: ""; display: inline-block; width: 21px; height: 20px; background: url(/warehouse/temp/danisfarim/whislist.svg); background-size: contain; vertical-align: middle; } .shopLayout.wishListPage .userProfile #headline svg { display: none; } .shopLayout.wishListPage .userProfile #headline::after { content: ""; display: inline-block; width: 34px; height: 32px; background: url(/warehouse/temp/danisfarim/whislist.svg); background-size: contain; background-repeat: no-repeat; } .loggedInUser.profileSideBar a.active { background: #ff9f85; color: #000; } b, strong { font-family: 'MetaliBold'; font-weight: normal; font-size: 135%; } #SiteFooter a:hover, #SiteFooter a:focus { color: #f25c4d; } #contactform textarea, .normal-form textarea { background: #f6f6f6; border: 0; border-radius: 0; } .CatalogItemPage .owl-carousel .owl-next { left: auto; right: -25px; } .CatalogItemPage .owl-carousel .owl-prev { right: auto; left: -25px; } .delivery-page #text1 a { display: inline-block; line-height: 1; } .itemsList.row { display: flex; flex-wrap: wrap; } .buttons-section { padding-top: 0; margin: 0; background: #f7f7f7; padding-bottom: 39px; padding-top: 40px; } .buttons-section p { margin: 0; } .buttons-section .col-xs-10 { width: 100%; max-width: 100%; } .buttons-section .section-animation-item { margin-top: 0 !important; opacity: 1 !important; } .section.books-section-sale { padding-bottom: 0; } .catalog-page .categories-strip { display: none; } .itemsList.row::before, .itemsList.row::after { display: none; } ul.searchResultsList li.resultItem { width: 40%; margin-left: 60%; } form#checkout-form .paymentOptionsWrapper.checkoutFormWrapper .row div.dateBoxWrapper { padding: 0 43px; } form#checkout-form .paymentOptionsWrapper.checkoutFormWrapper .row div.checkoutTitle { margin-bottom: 26px; } .new-book-section .grid-rows .grid-row:first-of-type { margin-bottom: 60px; } /*16.3 CheckOut Items Box*/ .checkOutItemsBoxTitle { padding: 0; background: unset; } .checkOutItemsBoxTitle h3 { background: #a94442; color: #fff; } @media(min-width: 1025px) { .checkOutItemsBoxItems .catalogItemBox { margin: 10px 0; } .checkOutItemsBoxItems .catalogItemBox .catalogItemBoxInner { background: #fff; min-height: 395px; padding: 20px 0; display: flex; flex-direction: column; } .checkOutItemsBoxItems .catalogItemBox a.item-text, .checkOutItemsBoxItems .catalogCategoryBox .catalogCategoryBoxText { flex-grow: 1; display: inline-flex; flex-direction: column; } .checkOutItemsBoxItems .owl-carousel .owl-nav div { font-size: 0; } .checkOutItemsBoxItems .owl-carousel .owl-nav .owl-next { right: -29px; } .checkOutItemsBoxItems .owl-carousel .owl-nav .owl-prev { left: -29px; } .checkOutItemsBoxItems .catalogItemBoxInner .item-price { font-size: 150%; } .checkOutItemsBoxItems .catalogItemBox a.item-image { padding-bottom: 85%; flex-grow: 0.5; } .checkOutItemsBoxItems .catalogItemBox h3.itemTitle, .checkOutItemsBoxItems .catalogItemBox h4.item-subtitle { margin: 10px 0 5px; font-size: 100%; min-height: unset; } .checkOutItemsBoxItems .catalogItemBox .item-text-top { min-height: unset; } .catalog-page .checkOutItemsBoxItems .catalogItemBox.align-right { padding: 0; } } @media (max-width: 1200px) { .new-book-section .box-image-animation { display: flex; align-items: center; padding-right: 50px; } .new-book-section .box-image-animation img { height: auto !important; width: 100%; } .new-book-section .grid-rows .grid-row-text { width: 80%; } .catalog-page .catalogItemBox.align-right { width: 25%; } } @media (min-width: 1025px) { header .searchOpenDesk #searchFormHeaderContainer form#searchFormHeader { width: 100%; } #header2 .header-top-right { float: none; } .searchBtn { width: 68%; max-width: 396px; margin-left: 12px; } #header2 .header-top-right { text-align: left; } #header2 .header-top-left { margin-right: 0; width: 100%; } #header2.detailsInRow .header-top { width: 35%; } .searchOpenDesk input#searchFormInput { padding: 9.5px 25px !important; direction: rtl; } #header2 .header-top-left a[href^="https"] { display: none; } .searchOpenDesk .searchSubmitWrapper { width: 40px; height: 99% !important; } :focus-visible { border-radius: 30px; } .searchOpenDesk .searchSubmitWrapper input#searchFormSubmit { padding-right: 0; } .searchSubmitWrapper svg { left: 60%; } #header2 .header-top-left #quick-search-container a { color: #000; } /*#quick-search-container { margin-top: 10px; }*/ .navShopBtn { margin-right: 5px; } #header2 #header-container { display: flex; align-items: center; justify-content: space-between; padding: 0 20px; box-shadow: 0 3px 6px 0 rgb(0 0 0 / 5%); } #header2 ul.menu li .menu-sub a { margin-bottom: 8px; padding: 0; } .menuGroupTitle a { border-bottom: 1px solid; padding-bottom: 0; } #header2 .header-top { padding: 22px 0; } #header2 ul.menu > li { display: flex; align-items: center; padding: 0 15px; height: 100%; /* white-space: nowrap; */ } #header2 ul.menu > li:hover { background: #f0f0f0; } #header2 ul.menu { display: flex; } #header2.detailsInRow .menu-nav { height: 86px; width: 65%; } #SiteGrid::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; z-index: -1; opacity: 0; transition: 0.4s; } body.subOpen #SiteGrid::before { opacity: 0.5; z-index: 10; } .headerShopLoginUserLoggedIn { left: -60px; } .headerShopLoginUserLoggedIn:after { left: 35%; } #quick-search-container { display: none; } .specials-section .owl-controls { display: block; } .ShopCheckoutPage .shopBtn.goToCheckout { font-size: 127%; max-width: 280px; } } @media (min-width: 1025px) and (max-width: 1200px) { #header2 ul.menu > li { padding: 0 11px; } } @media (max-width: 1110px) { .searchBtn { width: 60%; } #header2.detailsInRow .menu-nav { width: 47%; } } @media (max-width: 1024px) { #header2.detailsInRow .header-right-section { background: transparent; order: 1; direction: ltr; } #header2 #header-container { display: flex; align-items: center; justify-content: space-between; box-shadow: 0 3px 6px 0 rgb(0 0 0 / 10%); padding: 10px; min-height: 73px; } #header2 .mobile-middle-kdm { order: 2; } #header2 #header-left { position: static; order: 3; width: 40%; text-align: left; padding-left: 15px; } #nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { background: #020202; } #header2 .menu-nav .closed { display: none !important; } .searchBtn svg { fill: #ad0018; transform: rotate(270deg); } .searchMobile { height: 40px; width: 40px; background: #dfe5eb; display: flex; align-items: center; justify-content: center; border-radius: 50%; position: absolute; right: 80px; top: 50%; } .cartBtn button, .userBtn button { border: 1px solid #dfe5eb; border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; padding: 0; } .cartBtn svg path, .userBtn svg path { fill: #020202; } .cartBtn svg, .userBtn svg { width: 17px; display: none; } .navShopBtn.wishlistHeader.mobile { display: none; } #header-left > a { position: absolute; left: 50%; transform: translateX(-50%); bottom: 11px; } #header2.headerHasSearch #header-left img { max-width: 100px; } .searchBtn { width: 100%; } #header2 .max-width { max-width: 100%; } #header2.detailsInRow .menu-nav { text-align: right; } #header2 ul.menu { height: 100vh; position: fixed; text-align: right; background: #fff; width: 30vw; } #header2.detailsInRow.open .menu-nav { position: fixed; top: 30px; right: 30px; } #header2 ul.menu > li:not(.megaMenuSection) { padding-right: 30px; font-size: 190%; display: flex; justify-content: space-between; align-items: center; padding-left: 20px; } #header2 ul.menu > li:not(.megaMenuSection).has-sub:not(.has-megamenu) { display: block; /* background: #f0f0f0; */ } #header2 .menu-sub:not(.megaMenu) { background: transparent; text-align: right; padding-right: 0; padding-top: 0; } #header2 ul.menu .menu-sub:not(.megaMenu) li { font-size: 65%; } #header2 ul.menu li.social-mobile { display: none; } #header2 ul.menu > li.has-megamenu > button { border: 1px solid #dfe5eb; border-radius: 50%; width: 30px; height: 30px; padding: 0; display: flex; align-items: center; justify-content: center; position: static; } .menuSvgArrowIcon { margin: 0; } .menuSvgArrowIcon svg { fill: #020202; height: 10px; margin-right: 2px; } #header2 ul.menu li a { margin-top: 4px; } #nav-toggle-mobile.active span:after, #nav-toggle-mobile.active span:before, #nav-toggle.active span:after, #nav-toggle.active span:before { width: 25px; } .megaMenuSectionContainer > button { top: 30px; } .megaMenuSectionContainer { padding-right: 30px; } .megaMenuSectionContainer .megaMenuGroup { font-size: 120%; display: flex; align-items: center; } #header2 ul.menu li.megaMenuSection { background: #fff; } #header2 ul.menu li.megaMenuSection button:not(.closeMegaMenu) { border: 1px solid #dfe5eb; border-radius: 50%; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; padding: 0; } #header2 ul.menu li .megaMenuGroup a { margin-top: 0; } #header2 ul.menu ul.megaMenuSub li { font-size: 70%; margin-top: 10px; } #header2 ul.menu ul.megaMenuSub li:first-child { margin-top: 0; } span.arrowIconWrapper { transform: rotate(180deg); -webkit-transform: rotate(180deg); } #header2 ul.menu li.megaMenuSection button span { vertical-align: middle; display: inline-block; padding-top: 2px; } .megaMenuSectionContainer > button { direction: ltr; } #header2 ul.menu > li:not(.megaMenuSection).has-sub:not(.has-megamenu) .fa-angle-down:before, #header2 ul.menu > li:not(.megaMenuSection).has-sub:not(.has-megamenu) .fa-angle-up:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } #header2 ul.menu > li:not(.megaMenuSection).has-sub:not(.has-megamenu) i.opensub { font-size: 60%; border: 1px solid #dfe5eb; border-radius: 50%; width: 30px; height: 30px; padding: 0; position: absolute; left: 20px; } .megaMenuSectionContainer h3 { font-size: 120%; } #header2 ul.menu li.active.open { padding-bottom: 5px; } #header2 ul.menu li { direction: rtl; } #header2 ul.menu { padding-top: 80px; z-index: 20; } #header2 ul.menu li.megaMenuSection { padding-top: 80px; } .searchOpenDesk.mobile-auto .search.desktop { background: #fff; } button:not(.closeMegaMenu) .menuSvgArrowIcon { display: flex; } button.closeMegaMenu .arrowIconWrapper { display: inline-flex; align-items: center; } header.search-open .searchBtn svg { fill: #ad0018; } .searchOpenDesk.mobile-auto .search.desktop, .searchOpenDesk.mobile-auto .search.desktop { background: #fff !important; } #header2.open a.logoHeader { z-index: 11; } #quick-search-container { height: 100vh !important; padding: 0 20px; } #quick-search-container #SearchResultContainer { height: 50%; } #quick-search-container #SearchResultContainer li.resultItem { border-bottom: 1px solid #ebebeb; } #header2 #quick-search-container #SearchResultContainer .resultItem a { padding: 8px 0; } header.search-open #searchFormHeaderContainer form#searchFormHeader input#searchFormInput { padding-right: 20px; } #header2 .nav-menu-anim { z-index: 21; } .searchBtn svg { height: 17px; } .userBtn > button::after { content: ""; display: block; width: 15px; height: 16px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url(/warehouse/temp/danisfarim/profile.svg); background-size: contain; background-repeat: no-repeat; } .cartBtn > button::after { content: ""; display: block; width: 13px; height: 16px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url(/warehouse/temp/danisfarim/cart.svg); background-size: contain; background-repeat: no-repeat; } #header2 ul.menu li.megaMenuSection button span { display: inline-flex; align-items: center; padding-top: 0; } .menuSvgArrowIcon { display: inline-flex; align-items: center; } form#checkout-form .row > div.free-delivery { padding-inline: 45px; font-size:100%;} } @media (max-width: 991px) { .club-delivery-section .grid-boxes .section-animation-item.opacity { width: 100%; } .col-xs-12.col-sm-12.footer-text.text-center ul { width: 33.3333%; } .catalog-page .catalogItemBox.align-right { width: 33.3333%; } .catalogContainer.container { width: 100%; } .RelatedItemsWrapper.relatedItemsSlider.relatedItemsCenterMobile { overflow: visible; } .CatalogItemPage #CatalogModule .itemContent { padding-right: 15px; padding-top: 20px; } #CatalogModule #CatalogItemView .catalog-fields { margin-top: 30px; } .RelatedItemsWrapper.row { max-width: 400px; } .desktop-filters-list .filters-box:after { display: none; } #CatalogModule .filters-box { max-width: 300px; display: block; margin: 0 auto; margin-bottom: 10px; } #CatalogModule .filters-box .filters-list-wrapper { top: 10px; } #CatalogModule .filters-box button.filters-title.active { background: #ebebeb; } } @media (max-width: 767px) { #whatAppButton { bottom: 45px; } #header2.headerHasSearch #header-left img { max-width: 75px; } #header2.headerHasCart #header-left { padding-left: 0; margin: 0; } #header-left > a { bottom: 16px; } #header2 ul.menu .menu-sub:not(.megaMenu) li { font-size: 45%; } #header2.detailsInRow .header-right-section { padding-right: 0; } .searchMobile { top: auto; right: 60px; } #header2.headerHasSearch .phone-icon { display: none; } #header2 ul.menu { height: 100vh; } .nav-menu-anim.open { width: 23px; } .new-book-section .box-image-animation { padding-right: 0; justify-content: center; } .section.new-book-section { padding-top: 20px; padding-bottom: 0; } .new-book-section .box-image-animation img { width: 90%; } .discount-section::before { background-repeat: no-repeat; background-position: left; width: 100%; } .discount-section::after { display: none; } .grid-text-section .section-title { margin-bottom: 0; } .new-book-section .grid-rows { display: flex; flex-direction: column; } .new-book-section .grid-rows .grid-row-text { width: 90%; } #SiteFooter #partners-section { flex-direction: column; } #SiteFooter #partners-section > p { margin-bottom: 20px; } #SiteFooter #partners-section > div { min-width: 100px; } #SiteFooter #partners-section a.footer-phone { display: block; max-width: 100%; } #SiteFooter .mobile-seperator { margin-right: -15px; } .club-delivery-section .grid-boxes .section-animation-item { margin-right: 0; } .catalog-page .catalogItemBox.align-right { width: 50%; } #CatalogModule .CatalogNav span#NextPage a::before, #CatalogModule .CatalogNav span#PrevPage a::before { margin-bottom: 0; } .headerShopLoginUserLoggedIn { top: var(--headerHeight); } .books-section .section-title h2, .specials-section .section-title h2 { font-size: 310%; line-height: 1; margin-bottom: 10px; margin-top: 15px; } .productLabel.wishlist button.wishListBtn { padding: 6px; } .loginFormInput .shopBtn { font-size: 164% !important; } .cartItemsNavSubTotal .totalSumItems { font-size: 200%; } .relatedItemsCarousel .owl-nav { display: none; } .owl-carousel .owl-item:not(.center) { opacity: 0.5; } #CatalogModule .relatedItems .owl-carousel .owl-item:not(.center) { opacity: 1; } .owl-carousel .owl-controls .owl-dot, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev { display: none !important; } #SiteFooter .mobile-seperator { display: none; } #CatalogModule .gallery-slider.flexslider:not(.thumbs) .slides li { padding-bottom: 270px; } #CatalogModule .relatedItems .owl-carousel .owl-controls .owl-dot, #CatalogModule .relatedItems .owl-carousel .owl-controls .owl-nav .owl-next, #CatalogModule .relatedItems .owl-carousel .owl-controls .owl-nav .owl-prev { display: block !important; } .owl-carousel .owl-prev { right: -15px; } .owl-carousel .owl-next { left: -15px; } #CatalogModule .relatedItems .catalogItemBox a.item-image { padding-bottom: 70%; } .itemContentWrapper.row { margin-bottom: 40px; } .mobile-subTotal { background: #dfe5eb; top: var(--headerHeight); } .mobile-subTotal a.goToCheckout.shopBtn { padding: 9px; height: 40px; } /*.cartSubTotal .totalSumItems { max-width: calc(100% - 120px); }*/ .top-caption { font-size: 440%; } body.SearchResults #headline { font-size: 140%; } #header2 ul.menu li.megaMenuSection:hover { color: #020202; } .ShopCheckoutPage #GridPage { padding-top: 100px; } .catalogItemBoxInner .item-price { margin-right: 0; } #CatalogModule .catalogItemBox span.itemBeforeDiscountPrice, .catalogItemBox span.itemBeforeDiscountPrice { margin-left: 0; } /*.headerShop.side-cart.active { overflow: auto; }*/ .headerShop.side-cart .cartBottomText { margin-top: 25px; } .headerShop .cartItemsTable.hasQuantitySelection .quantityAndcartItemPrice .item-quantity .itemQuantityContainer { height: 28px; } .headerShop.side-cart .cartActions .shopBtn, .headerShop.side-cart .cartActions .goToCheckout.shopBtn { padding: 8px 0; } #SiteFooter strong { font-size: 145%; } /*.ShopCheckoutPage .shopBtn.goToCheckout { font-size: 81%; line-height: 1.4; }*/ .headerShop.side-cart .cartItemsTable .cartItem .cartItemQ.cartItemsCell { padding-top: 0; } .headerShop.side-cart .cartItemsTable .cartItem .itemName { margin-right: 0; padding-right: 10px; } .cart .cartItemsTable .cartItem:first-child .cartItemName.cartItemsCell { padding-top: 5px; } .headerShop .cartItemsTable .cartItemName.cartItemsCell { padding: 5px 0px; } .quantityAndcartItemPrice { padding-right: 10px; } .headerShop.side-cart .cartActions .goToCheckout.shopBtn:hover::after { font-size: 50%; } .headerShop.side-cart .cartActions .goToCart.shopBtn { line-height: 1.3; } .headerShop.side-cart .cartActions .goToCart.shopBtn:hover { font-size: 80%; } .closeCart .deleteX { fill: #fff; } .cartItemsTable .cartItem .itemName { max-width: calc(100% - 110px); } .shopBtn { font-size: 130%; } .subTotalInner .goToCheckout.shopBtn:hover, .subTotalInner .goToCheckout.shopBtn:hover:focus { font-size: 130%; } button.couponButton.shopBtn.CouponOk { padding: 9.5px 15px; } .checkoutBtnMobile .normal-form-submit { height: 62px; } .mobile-subTotal .totalSumItems span:last-child { margin-right: -120px; } button.couponButton.shopBtn.CouponOk, button.couponBuymeButton.shopBtn.CouponBuyMeOk { max-width: 80%; } .megaMenuSectionContainer { padding-bottom: 20px; } .must:before { right: 15px; } #contactform textarea, .normal-form textarea { padding-right: 17px; } .registerFormWrapper.registerPage.registerThanks .shopBtn { max-width: 70%; } .registerFormWrapper #headline { font-size: 140%; } .loginBoxLogout { width: auto !important; } .delivery-page #text1 a { font-size: 136%; } .CatalogItemPage.catalog-page #headline h1 { font-size: 160%; } .headerShop.side-cart .itemsTableWrapper, .headerShop.side-cart .cartItemsTable { min-height: 53vh; } .productLabel { padding: 3px 10px; } .buttons-section a { padding: 9.5px 32px 7.5px 32px; } .ShopCheckoutPage #headline h1 { font-size: 133%; } a.goToCheckout.shopBtn:hover, a.goToCheckout.shopBtn:focus { font-size: 80%; } .itemsList.row.relatedItemsCarousel.owl-carousel .owl-stage-outer { overflow: visible; } .navShopBtn.wishlistHeader.mobile a { border: 1px solid #dfe5eb; border-radius: 50%; width: 40px; height: 40px; display: flex !Important; align-items: center; justify-content: center; padding: 0; } .navShopBtn.wishlistHeader.mobile { display: inline-block; order: 1; } #header2.headerHasCart #header-left { display: flex; justify-content: flex-end; } .navShopBtn { order: 3; margin-right: 3px; } #header2.headerHasCart .cartBtn.navShopBtn.mobile { order: 2; margin-right: 3px; } } /*16.3 CheckOut Items Box*/ @media(max-width: 767px) { .shopLayout { margin-top: 45px; } .shopLayout.cartPage { margin: 0; } .checkoutPage .mobile-subTotal { top: 152px; z-index: 1; } .checkOutItemsBoxItems .owl-carousel .owl-item:not(.center) { opacity: unset; } .checkOutItemsBoxTitle h3 { padding: 15px; text-align: center; } .checkOutItemsBoxItems .catalogItemBox a.item-image { padding-bottom: 30%; } .checkOutItemsBoxItems .catalogItemBox a.item-image img { max-width: 100%; } .checkOutItemsBoxItems .catalogItemBox h4.item-subtitle, .checkOutItemsBoxItems .catalogItemBox h3.itemTitle { margin: 0; padding-top: 16px; height: unset; min-height: unset; } /*.checkOutItemsBoxItems .catalogItemBoxInner .item-add-to-cart { padding-right: 25px; }*/ .checkOutItemsBoxItems .catalogItemBox .item-text-top { min-height: unset; } .checkOutItemsBoxItems .catalogItemBox a.item-text { padding: 0 25px; } .checkOutItemsBoxItems .owl-carousel .owl-controls .owl-dot { display: inline-block !important; } /*.checkOutItemsBoxItems .owl-carousel .owl-nav .owl-next { display: block !important; right: -15px; left: auto; width: auto; } .checkOutItemsBoxItems .owl-carousel .owl-nav .owl-prev { display: block !important; left: -15px; text-align: left; width: auto; right: auto; }*/ } @media (max-width: 550px) { #header-left > a { bottom: 12px; } #header2 #header-container { min-height: 63px; } .discount-section::before { background-repeat: no-repeat; background-position: left; width: 148%; } .discount-section::after { display: none; } .discount-section.grid-text-section .section-animation-item { margin-bottom: 10px; width: 100%; } .discount-section.grid-text-section .grid-text-content h2 { font-size: 18vw; } .discount-section.grid-text-section .section-title h2 { max-width: 100%; font-size: 155%; } .discount-section.grid-text-section .grid-text-content p { margin-top: 10px; } .discount-section { padding-bottom: 50px; padding-top: 62px; } .col-xs-12.col-sm-12.footer-text.text-center ul { width: 50%; } .club-delivery-section .grid-box-image-text { padding: 0 15px; width: 90%; } .club-delivery-section .grid-boxes .grid-box-title h3 { font-size: 146%; } .club-delivery-section .grid-boxes .grid-box-subtitle:not(.button) { font-size: 90%; } .club-delivery-section .grid-box-image-text p { font-size: 120%; } .club-delivery-section .grid-boxes .grid-box-subtitle.button a { font-size: 78%; line-height: 1.4; } .club-delivery-section .grid-boxes .grid-box-image { padding-bottom: 87.5%; } .club-delivery-section .grid-boxes .box-image-animation img { width: auto; height: 100%; } .catalogItemBox .catalogItemBoxInner { padding-top: 15px; } .catalog-page .catalogItemBox.align-right { padding-right: 7px; padding-left: 7px; } .catalogItemBox { margin-bottom: 30px; } .productLabel.wishlist { top: 20px; } #CatalogModule .relatedItems h2 { font-size: 267%; padding: 0; } .catalogItemBox span.finalPrice, #CatalogModule .catalogItemBox span.finalPrice { margin-left: 7px; } .books-section .owl-carousel .owl-item .item { padding: 0 10px; } .catalogItemBox h3.itemTitle { max-height: 54px; overflow: hidden; height: 54px; min-height: 54px; } .catalogItemBox .item-text-top { min-height: 108px; } h4.item-subtitle { margin-bottom: 0; margin-top: 5px; } .owl-carousel .owl-prev { right: 19vw; } .owl-carousel .owl-next { left: 19vw; } .club-delivery-section .grid-boxes .grid-box-subtitle.button a:hover { padding-top: 13px; line-height: 5; } .buttons-section .section-animation-item { padding: 0; } .buttons-section a { padding: 9.5px 20px 7.5px 20px; } } @media (min-height: 690px) { .headerShop.side-cart .itemsTableWrapper { min-height: calc(100vh - 24vh - 74px); } .headerShop.side-cart .cartItemsTable { min-height: calc(100vh - 24vh - 74px); } .headerShop.side-cart .cartItemsNavSubTotal { height: 24vh; background: #f1f1f2; padding-top: 20px; } } @media (max-width: 369px) { .navShopBtn.wishlistHeader.mobile { display: none; } } @media (max-width: 320px) { .catalogItemBox span.finalPrice, #CatalogModule .catalogItemBox span.finalPrice { font-size: 96%; } } /*hot fixes*/ .ShopRelatedPage .catalog-page #headline h1 { font-size: 205%; } #payment-method-cash { text-align: center; display: flex; flex-direction: column; align-items: center; } #payment-method-cash #text1 { text-align: center; line-height: 0.8; font-size: 144%; } #payment-method-cash > div:nth-child(2) { width: 20%; } #payment-method-cash .total-price { font-size: 144%; } .ShopRelatedPage .catalog-page #headline { margin-top: 80px; } /*dualRowGallery*/ .dualRowGallery .owl-carousel { max-width: 1440px; margin: 0 auto; } .dualRowGallery a.item-text, .dualRowGallery .item-add-to-cart, .dualRowGallery .productLabel.offer.Right, .dualRowGallery .label-wrapper { display: none; } .dualRowGallery .catalogItemBox .catalogItemBoxInner { padding: 0; } .dualRowGallery .catalogItemBox a.item-image img { object-fit: fill; width: 100%; } .dualRowGallery .catalogItemBox a.item-image { padding-bottom: 140%; } .dualRowGallery .productLabel.wishlist { top: 10px; right: 0; } .dualRowGallery .catalogItemBox { margin-bottom: 20px; } .dualRowGallery .owl-carousel .owl-item .item { padding: 0 10px; } .dualRowGallery .owl-carousel .owl-next { right: -60px; } .dualRowGallery .owl-carousel .owl-prev { left: -60px; } .dualRowGallery .content-section-Btn { padding: 20px 0; } /*@media(max-width: 1400px) { .dualRowGallery .owl-carousel { max-width: 1230px; margin: 0 auto; } }*/ @media(min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.2) { body #SiteGridContainer, body header, body footer { zoom: 0.8 } } @media(min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) { body header, body footer { zoom: 0.8 } body #SiteGridContainer { zoom: 0.66 } } /*.sections .section.test-mood { display: none } .sections .section.test-mood { display: block }*/ /*section.section:not(.test-mood) { display: none; }*/ .grid-category-box { transition: all 0.5s ease; } .grid-category-box:hover { box-shadow: 0px 4px 12px 0px rgba(83, 97, 124, 0.12); } .grid-category-box a { outline: none !important; border: 0; color: #1E252B; } .grid-category-box > a:hover { color: #D00A2C; } .sections .main-categories-section { padding: 0; margin-bottom: 110px; max-width: 1597px; } .sections .main-categories-section .grid-boxes { width: 100%; display: grid; align-items: center; justify-items: center; grid-template-columns: repeat(7,1fr); padding: 0; margin: 0; gap: 55px; } .sections .main-categories-section .grid-boxes::before, .sections .main-categories-section .grid-boxes::after { content: none; } .sections .main-categories-section .grid-box { margin: 0; padding: 0 12px; width: 100%; } .sections .main-categories-section .grid-box .grid-box-image { aspect-ratio: 1; width: 156px; padding: 0; border-radius: 50%; margin-bottom: 15px; } .sections .main-categories-section .grid-box .grid-box-title h3 { margin: 0; font-size: 115%; line-height: 1.4; font-family: 'Heebo-Regular'; } .sections .main-categories-section .grid-box .grid-box-title h3 a { color: #1B202C; border: 0; outline: none; } .sections .about-text { margin-bottom: 100px; padding: 0; } .sections .about-text .grid-text-content { margin: 0 auto; font-family: 'MetaliMedium'; color: var(--blue-dark, #1B202C); text-align: center; font-size: 230%; line-height: 111%; max-width: 800px; } .sections .about-text .grid-text-content * { margin: 0; } .books-sales-section { padding: 0; margin-bottom: 110px; } .books-sales-section .grid-boxes { margin: 0; display: grid; justify-items: center; align-items: center; grid-template-columns: repeat(6,1fr); grid-auto-rows: 1fr; gap: 20px; max-width: 1600px; margin-inline: auto; } .books-sales-section .grid-boxes::before, .books-sales-section .grid-boxes::after { content: none; } .books-sales-section .grid-category-box { width: 100%; height: 100%; margin: 0; padding: 0; background-color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; } .books-sales-section .grid-category-box .grid-box-image { padding: 0; width: 100%; height: 230px; background-position: center; background-repeat: no-repeat; background-size: cover; margin-bottom: 0px; } .books-sales-section .grid-category-box .grid-box-image-container { position: unset; height: 100%; } .books-sales-section .grid-category-box .grid-box-image a { padding-bottom: 30px; } .books-sales-section .grid-category-box .grid-box-image a:hover img { transform: none; } .books-sales-section .grid-category-box .grid-box-image img { object-fit: cover; } .books-sales-section .grid-category-box .grid-box-title { margin-bottom: 30px; width: 100%; display: flex; text-align: center; flex-grow: 1; justify-content: center; align-items: center; } .books-sales-section .grid-category-box .grid-box-title h3 { max-width: 190px; font-family: 'MetaliBold'; font-size: 172%; line-height: 0.9; margin: 0 auto; text-align: center; } .books-sales-section .grid-category-box .grid-box-title h3 a { color: #1E252B; display: flex; justify-content: center; align-items: center; outline: none; } .books-sales-section .grid-category-box > a { display: flex; align-items: center; justify-content: center; height: 52px; border-top: 1px solid #EBF1F5; font-size: 115%; font-family: 'Heebo'; font-weight: 600; line-height: 1.2; width: 100%; } .books-sales-section .grid-category-box > a::after { content: ''; background-image: url(https://media.getmood.io/warehouse/dynamic/506950.svg); background-position: center; background-repeat: no-repeat; background-size: cover; width: 32px; height: 32px; position: absolute; left: 12px; } /*.books-sales-section .grid-category-box:nth-child(1) .grid-box-image { background-image: url(https://media.getmood.io/warehouse/dynamic/506953.svg); } .books-sales-section .grid-category-box:nth-child(2) .grid-box-image { background-image: url(https://media.getmood.io/warehouse/dynamic/506954.svg); } .books-sales-section .grid-category-box:nth-child(3) .grid-box-image { background-image: url(https://media.getmood.io/warehouse/dynamic/506955.svg); } .books-sales-section .grid-category-box:nth-child(4) .grid-box-image { background-image: url(https://media.getmood.io/warehouse/dynamic/506956.svg); } .books-sales-section .grid-category-box:nth-child(5) .grid-box-image { background-image: url(https://media.getmood.io/warehouse/dynamic/506957.svg); } .books-sales-section .grid-category-box:nth-child(6) .grid-box-image { background-image: url(https://media.getmood.io/warehouse/dynamic/506958.svg); }*/ .item.swiper-slide { display: flex; justify-content: center; align-items: flex-end; margin-block: unset !important; } .grid-boxes.swiper { width: 100%; height: 100%; margin-left: auto; margin-right: auto; } .new-books-section .swiper-grid-column > .swiper-wrapper { display: grid; justify-items: center; align-items: center; grid-template-columns: repeat(25, 1fr); grid-auto-rows: 1fr; gap: 10px 0; } .swiper-width-wrapper { max-width: 1596px; margin-inline: auto; position: relative; } .swiper-width-wrapper .grid-boxes { max-width: 1596px; padding: 16px; } .swiper-width-wrapper .grid-boxes::before, .swiper-width-wrapper .grid-boxes::after { content: none; } .new-books-section { background: #fff; padding-block: 110px; } .new-books-section .item.swiper-slide .catalogItemBox { padding: 0; margin: 0; } .new-books-section .item.swiper-slide .catalogItemBoxInner { border: 0; padding: 0; } .new-books-section .catalogItemBox:hover .catalogItemBoxInner { box-shadow: none; } .new-books-section .item.swiper-slide .catalogItemBoxInner *:is(.item-text,.label-wrapper) { display: none; } .new-books-section .item.swiper-slide .catalogItemBoxInner a.item-image { padding: 0; height: auto; display: flex; align-items: flex-end; justify-content: center; } .new-books-section .item.swiper-slide .catalogItemBoxInner .image-wrapper { margin: 0; display: flex; align-items: flex-end; justify-content: center; height: 100%; } .new-books-section .item.swiper-slide .catalogItemBoxInner a.item-image img { position: unset; box-shadow: none; width: 100%; height: auto; transform: none; object-fit: contain; } .swiper-width-wrapper .swiper-button-prev, .swiper-width-wrapper .swiper-button-next { width: 56px; height: 56px; aspect-ratio: 1; color: transparent; background-position: center; background-repeat: no-repeat; background-size: cover; } .swiper-width-wrapper .swiper-button-prev { left: -80px; background-image: url(https://media.getmood.io/warehouse/dynamic/507022.svg); } .swiper-width-wrapper .swiper-button-next { right: -80px; background-image: url(https://media.getmood.io/warehouse/dynamic/507023.svg); } .new-books-section .swiper-width-wrapper .content-section-Btn { display: flex; align-items: center; justify-content: center; margin-top: 56px; } .new-books-section .swiper-width-wrapper .content-section-Btn a.sec-button.hvr-float { border-radius: 5px; background: var(--red-pink, #DF1D34); display: flex; height: 50px; padding: 20px 40px; justify-content: center; align-items: center; color: var(--white, #FFF); font-family: Heebo; font-size: 16px; font-weight: 600; line-height: 120%; /* 19.2px */ } .catalogItemBox { padding: 0; display: flex; height: 100%; margin: 0; } .catalogItemBox .catalogItemBoxInner { background: #fff; padding-block: 45px 35px; border: 0; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; transition: all 0.5s ease; } .catalogItemBox:hover .catalogItemBoxInner { box-shadow: 0px 4px 12px 0px rgba(83, 97, 124, 0.12); } .catalogItemBox .catalogItemBoxInner .label-wrapper { top: 12px; left: 12px; display: flex; justify-content: flex-end; align-items: flex-end; flex-direction: column; direction: rtl; } .catalogItemBox .catalogItemBoxInner .label-wrapper .productLabel { border-radius: 3px; padding: 1px 7px 0; height: 23px; width: fit-content; display: flex; align-items: center; justify-content: center; font-weight: normal; font-family: 'MetaliMedium'; font-size: 115%; line-height: 90%; letter-spacing: 0.36px; text-align: center; } .catalogItemBox .catalogItemBoxInner .image-wrapper { width: 100%; position: relative; overflow: hidden; } .catalogItemBox .catalogItemBoxInner a.item-image { padding: 0 42px; height: 300px; display: flex; justify-content: center; align-items: center; } #SiteContainer .catalogItemBox .catalogItemBoxInner a.item-image img { box-shadow: none; position: unset; transform: none; height: 100%; width: auto; object-fit: cover; } .catalogItemBox .catalogItemBoxInner a.item-text { width: 100%; text-align: center; margin-inline: auto; padding: 43px 0 0; direction: rtl; display: flex; flex-direction: column; justify-content: space-between; align-items: center; color: var(--blue-dark, #1B202C); } .catalogItemBox .catalogItemBoxInner a.item-text .item-text-top { min-height: 0; margin-bottom: 10px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width: 100%; max-width: 220px; } .catalogItemBox .catalogItemBoxInner a.item-text .item-text-top h3.itemTitle { font-family: 'MetaliBold'; font-size: 145%; line-height: 1; color: var(--blue-dark, #1B202C); margin: 0 0 10px; height: auto; min-height: 0; } .catalogItemBox .catalogItemBoxInner a.item-text .item-text-top h4.item-subtitle { font-family: 'Heebo-Regular'; font-size: 100%; line-height: 1.4; min-height: 0; margin: 0; } .catalogItemBox .catalogItemBoxInner a.item-text .item-price { justify-content: center; margin: 0; flex-direction: row-reverse; line-height: 1.2; letter-spacing: 0.24px; gap: 8px; max-width: 220px; width: 100%; } .catalogItemBox .catalogItemBoxInner a.item-text .item-price .finalPrice:has(+.itemBeforeDiscountPrice) { color: var(--bordo, #D00A2C); } #SiteContainer .catalogItemBox .catalogItemBoxInner a.item-text .item-price span.finalPrice { font-size: 100%; margin: 0; } #SiteContainer .catalogItemBox .catalogItemBoxInner a.item-text .item-price span.finalPrice::before { font-size: 50%; margin: -2px; } #SiteContainer .catalogItemBox .catalogItemBoxInner a.item-text .item-price span.itemBeforeDiscountPrice.hasDiscount { font-size: 80%; margin: 0; } #SiteContainer .catalogItemBox .catalogItemBoxInner a.item-text .item-price span.itemBeforeDiscountPrice.hasDiscount::before { font-size: 50%; margin-right: -2px; } .catalogItemBoxInner .item-add-to-cart { padding: 0; min-height: 0; } .loggedInUser.profileSideBar h4, .loggedInUser.profileSideBar a { background: #fff; } .user-page { background: var(--BG, #F2F5F7); } .user-page .userProfile #headline { background: #fff; } .wishListPage .userProfile.user-not-connected { max-width: 100%; } .shopLayout.wishListPage .registerFormWrapper { background: var(--BG, #F2F5F7); box-shadow: none; max-width: 100%; padding: 20px; } .shopLayout.wishListPage .itemsList { display: grid; justify-items: start; align-items: start; grid-template-columns: repeat(3,1fr); grid-auto-rows: 1fr; gap: 20px; } .user-connected .shopLayout.wishListPage .itemsList { grid-template-columns: repeat(2,1fr); } .shopLayout.wishListPage .itemsList .catalogItemBox { width: 100%; padding: 0; } /* .shopLayout.wishListPage .itemsList .catalogItemBox .catalogItemBoxInner { border: 1px solid #ececec; }*/ .swiper-width-wrapper .swiper-wrapper { display: grid; justify-items: center; align-items: center; grid-template-columns: repeat(50,1fr); grid-auto-rows: 1fr; direction: rtl !important; } .item-buttons-wrapper { position: absolute; display: flex; align-items: center; justify-content: center; gap: 14px; top: 100%; left: 50%; transform: translateX(-50%); 0.35s:e; opacity: 0; transition: all 0.5s ease; z-index: 1; } .item-buttons-wrapper .productLabel.wishlist { top: unset; right: unset; position: unset; padding: 0; } .catalogItemBoxInner .item-buttons-wrapper > div { width: 42px; height: 42px; aspect-ratio: 1; border-radius: 24px; background: var(--red-pink, #DF1D34); transition: all 0.5s ease; } .item-buttons-wrapper .productLabel.wishlist button.wishListBtn { width: 100%; height: 100%; padding: 0; background-color: transparent; background-image: url(https://media.getmood.io/warehouse/dynamic/507071.svg); background-position: center; background-repeat: no-repeat; background-size: auto; } .item-buttons-wrapper .productLabel.wishlist button.wishListBtn.active { background-image: url(/warehouse/dynamic/509194.svg); } .item-buttons-wrapper .productLabel.wishlist button.wishListBtn svg { display: none; } .catalogItemBoxInner .item-buttons-wrapper .item-add-to-cart { display: flex; align-items: center; justify-content: center; } .catalogItemBoxInner .item-buttons-wrapper .item-add-to-cart button#addToCartBtn { color: transparent; border: 0; background-color: transparent; background-image: url(https://media.getmood.io/warehouse/dynamic/507070.svg); background-position: center; background-repeat: no-repeat; background-size: auto; } .catalogItemBoxInner .item-buttons-wrapper .item-add-to-cart button#addToCartBtn.addedToCart { background-image: url(/warehouse/dynamic/509193.svg); } .catalogItemBoxInner .item-buttons-wrapper .item-add-to-cart button#addToCartBtn .addedToCart { display: none; } .catalogItemBox:hover .item-buttons-wrapper { top: calc(100% - 54px); opacity: 1; } .catalogItemBoxInner .item-buttons-wrapper > div:hover { background: #FF3A30; } .catalogItemBoxInner .item-buttons-wrapper .item-add-to-cart:hover button#addToCartBtn { background-image: url(https://media.getmood.io/warehouse/dynamic/507069.svg); } .top-sales-books-section { padding: 0 0 16px; margin-bottom: 110px; } .sections .bookday-section { margin: 0 auto 110px; max-width: 1596px; padding: 0; } .bookday-section .grid-boxes { margin: 0; width: 100%; display: flex; align-items: center; justify-content: center; gap: 20px; } .bookday-section .grid-boxes::before, .bookday-section .grid-boxes::after { content: none; } .bookday-section .grid-boxes .grid-box { padding: 0; margin: 0; width: calc(50% - 10px); } .bookday-section .grid-box-image { padding: 0; margin: 0; height: 500px; } .bookday-section .grid-box-image .grid-box-image-container { position: unset; } .bookday-section .grid-box-image a.box-image-animation { } .bookday-section .grid-box-image a.box-image-animation img { object-fit: cover; } .bookday-section .grid-box-image a.box-image-animation:hover img { transform: scale(1.05); } .delivery-section { padding: 0; margin-bottom: 110px; } .delivery-section .grid-rows { display: flex; justify-content: center; align-items: center; max-width: 1596px; margin-inline: auto; } .delivery-section .grid-rows::before, .delivery-section .grid-rows::after { content: none; } .delivery-section .grid-row { background: transparent; color: var(--blue-dark, #1B202C); display: grid; align-items: center; justify-items: center; grid-template-columns: repeat(2,1fr); grid-auto-rows: 1fr; } .delivery-section .grid-row .grid-row-cell { display: inline-flex !important; justify-content: center; align-items: center; background: #fff; margin: 0; padding: 0; width: 100%; height: 100%; } .delivery-section .grid-row .grid-row-cell li.slider-item { padding: 0; } .delivery-section .grid-row .grid-row-image-container { position: unset; } .delivery-section .grid-row .grid-row-cell.flexslider-box { order: 2; } .delivery-section .grid-row .grid-row-text { text-align: center; } .delivery-section .grid-row .grid-row-text h2 { font-family: 'MetaliBold'; margin-bottom: 20px; } .delivery-section .grid-row .grid-row-text h2 span { color: var(--red-pink, #DF1D34); } .delivery-section .grid-row .grid-row-text h3 { font-size: 174%; font-family: 'MetaliMedium'; line-height: 0.98; margin-bottom: 45px; } .home-page .section-title { margin-bottom: 32px; } .home-page .section-title h2 { font-size: 430%; font-family: 'MetaliBold'; line-height: 0.84; margin-bottom: 20px; color: var(--blue-dark, #1B202C); } .home-page .section-title h3 { color: var(--gray-text, #4D4E52); font-family: 'Heebo-Regular'; font-size: 145%; line-height: 1.4; /* 28px */ } .our-spaciel { padding: 0; margin-bottom: 110px; } .our-spaciel .swiper-width-wrapper .swiper-wrapper { } .our-spaciel .swiper-width-wrapper .swiper-wrapper .grid-category-box { margin: 0; padding: 0; background-color: #fff; } .our-spaciel .swiper-width-wrapper .swiper-wrapper .grid-category-box .grid-box-image { padding: 0; margin: 0; } .our-spaciel .grid-box-image-container { position: unset; height: 265px; } .our-spaciel .grid-box-image-container img { object-fit: cover; min-height: 100%; } .our-spaciel .grid-box-title { width: 100%; text-align: center; } .our-spaciel .grid-box-title h3 { margin: 0; width: 100%; font-size: 110%; font-family: 'Heebo-Regular'; line-height: 1.2; } .our-spaciel .grid-box-title h3 a { color: #1E252B; display: flex; width: 100%; align-items: center; justify-content: flex-start; height: 50px; padding: 8px 13px 8px 60px; border: 0; outline: none; } .our-spaciel .grid-box-title h3 a::after { content: ''; position: absolute; width: 32px; height: 32px; left: 13px; background-image: url(https://media.getmood.io/warehouse/dynamic/506950.svg); background-position: center; background-size: cover; } .items-page { background: var(--BG, #F2F5F7); } .items-page #GridPage #GridWrap { max-width: 1680px; } .items-page #text1:has(.searchResultsList) { max-width: 100%; } .items-page ul.searchResultsList, .items-page .itemsList { display: grid; align-items: start; justify-items: start; gap: 20px; grid-template-columns: repeat(5,1fr); grid-auto-rows: auto; margin: 0; } .items-page #SiteGridContainer .searchResultsList .catalogItemBox, .items-page #SiteGridContainer .itemsList .catalogItemBox { width: 100%; padding-inline: 0px; margin-bottom: 0px; } .checkOutItemsBoxItems .catalogItemBox .catalogItemBoxInner a.item-image { height: 170px; } #SearchResultPage #text1 ul li.resultItem { grid-column: 1 / -1; } .flashy-reviews-component { max-width: 1170px; margin: 0 auto 120px; } @media (min-width:1025px) { .top-books-wrapper { display: flex; align-items: center; justify-content: flex-start; height: 645px; position: relative; margin-bottom: 110px; width: 100%; } .top-books-sections { margin: 0; padding-block: 0; } .top-books-sections:not(.title) { position: absolute; left: 30%; transform: translateX(-50%); } .macOs .top-books-sections:not(.title) { left: 40%; } .sections .top-books-sections.title { height: 100%; max-width: 680px; padding-inline: 160px 150px; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; background: #153963; color: #fff; text-align: right; } .home-page .top-books-sections.title .section-title h2 { color: #fff; } .home-page .top-books-sections.title .section-title { margin-bottom: 10px; } .top-books-sections.title .grid-text-content { width: 100%; max-width: 300px; padding: 0; margin: 0 auto 48px; font-size: 115%; line-height: 1.4; } .top-books-sections.title .grid-text-content p { margin: 0; } .gallery-btns { display: flex; align-items: center; justify-content: flex-start; gap: 12px; } .gallery-btns .swiper-button-next, .gallery-btns .swiper-button-prev { position: unset; width: 56px; height: 56px; aspect-ratio: 1; color: transparent; background-position: center; background-repeat: no-repeat; background-size: cover; margin: 0; } .gallery-btns .swiper-button-next { background-image: url(/warehouse/dynamic/508207.svg); } .gallery-btns .swiper-button-prev { background-image: url(/warehouse/dynamic/508208.svg); } #SiteContainer .swiper-button-next.swiper-button-disabled, #SiteContainer .swiper-button-prev.swiper-button-disabled { opacity: 1; cursor: pointer; pointer-events: all; } } @media (max-width:1024px) { #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) { display: grid; } #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filtersList { margin-bottom: 0; } .items-page ul.searchResultsList, .items-page .itemsList { grid-template-columns: repeat(2, 1fr); gap: 10px; } .items-page .itemsList { margin-inline: -15px; } .catalogItemBox .catalogItemBoxInner { padding-block: 0 20px; } .catalogItemBox .catalogItemBoxInner a.item-image { padding: 0; height: auto; flex-direction: column; gap: 16px; margin-bottom: 16px; } #SiteContainer .catalogItemBox .catalogItemBoxInner a.item-image img { width: 100%; aspect-ratio: 7/9; } .item-buttons-wrapper { position: unset; transform: none; opacity: 1; direction: rtl; } .catalogItemBoxInner .item-buttons-wrapper > div { width: 32px; height: 32px; border-radius: 50%; overflow: hidden; } .catalogItemBoxInner .item-buttons-wrapper .item-add-to-cart button#addToCartBtn, .item-buttons-wrapper .productLabel.wishlist button.wishListBtn { background-size: 80%; } .catalogItemBox .catalogItemBoxInner a.item-text .item-text-top h3.itemTitle { font-size: 136%; color: #17191B; margin-bottom: 4px; line-height: 0.9; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .catalogItemBox .catalogItemBoxInner a.item-text .item-text-top h4.item-subtitle { line-height: 1.1; color: var(--gray-text, #4D4E52); display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .catalogItemBox .catalogItemBoxInner a.item-text .item-price { font-size: 145%; } #CatalogModule .catalogItemBox .catalogItemBoxInner a.item-text .item-price span.finalPrice { margin: 0; font-size: 100%; } #CatalogModule .catalogItemBox .catalogItemBoxInner a.item-text .item-price span.itemBeforeDiscountPrice { font-size: 100%; margin: 0; } #CatalogModule .catalogItemBox .catalogItemBoxInner a.item-text .item-price span.itemBeforeDiscountPrice.hasDiscount::before { margin-right: -2px; } .shopLayout.wishListPage .itemsList { grid-template-columns: repeat(2, 1fr); gap: 10px; } .catalogItemBox .catalogItemBoxInner a.item-text { padding: 12px 5px 0; } .shopLayout.wishListPage { padding: 0; margin: 0; } .cartWrapper.ordersWrapper, .userProfile { margin: 0; } #home-gallery { height: auto !important; margin-bottom: 16px; } #home-gallery .gallery-caption .gallery-text { font-size: 272%; letter-spacing: 0; } .sections .main-categories-section { width: 100%; overflow-x: auto; overflow-y: visible; padding: 10px; margin-bottom: 64px; } .sections .main-categories-section .grid-boxes { gap: 20px; } .sections .main-categories-section .grid-box { padding-inline: 0; width: 88px; } .sections .main-categories-section .grid-box .grid-box-image { width: 100%; margin: 0 auto 14px; } .sections .main-categories-section .grid-box .grid-box-title h3 { font-size: 100%; } .sections .about-text .grid-text-content { font-size: 160%; width: 100%; padding-inline: 17px; } .top-books-sections { padding: 0; margin: 0; padding-bottom: 64px; position: relative; background-color: var(--blue, #153963); } .top-books-sections:not(.title) .grid-boxes { margin: 0; overflow: auto; } .top-books-sections:not(.title) .grid-boxes .grid-boxes-wrapper { width: max-content; display: grid; align-items: start; gap: 16px; padding-inline: 16px; justify-items: end; grid-auto-flow: column; grid-auto-rows: 1fr; } .top-books-sections:not(.title) .grid-boxes .grid-boxes-wrapper .item { width: 55.6vw; height: 100%; } .swiper-width-wrapper .grid-boxes { padding: 0; } .books-sales-section { margin-bottom: 64px; } .home-page .section-title { margin-bottom: 40px; position: sticky; right: 0; top: 0; } .home-page .section-title h2 { font-size: 285%; margin-bottom: 13px; } .top-books-sections .grid-boxes-wrapper { overflow: visible; } .top-books-sections.title::after { /* content: ''; */ position: absolute; width: calc(100% - 24px); height: 670px; top: 0; left: 50%; transform: translateX(-50%); background-color: var(--blue, #153963); z-index: -1; } .top-books-sections:not(.title) { margin-bottom: 64px; overflow: visible; } .top-books-sections.title { padding: 60px 22px 48px; color: #fff; } .top-books-sections:not(.title) .swiper-width-wrapper .grid-boxes { margin-inline: -12px; width: 100vw; } .top-books-sections.title .section-title h2 { max-width: 100%; color: #fff; } .top-books-sections.title .section-title { margin-bottom: 24px; } .top-books-sections.title .grid-text { } .top-books-sections.title .grid-text .grid-text-content { width: 100%; font-size: 115%; line-height: 1.3; padding: 0; } .top-books-sections.title .grid-text .grid-text-content p { margin: 0; } .grid-boxes-wrapper { width: 100%; overflow: auto; } .books-sales-section .grid-boxes { width: max-content; padding-inline: 16px; gap: 16px; } .books-sales-section .grid-category-box { width: 146px; } .books-sales-section .grid-category-box .grid-box-image { height: 133px; } .books-sales-section .grid-category-box .grid-box-image a { padding-bottom: 16px; } .books-sales-section .grid-category-box .grid-box-title { margin-bottom: 16px; padding-inline: 11px; } .books-sales-section .grid-category-box .grid-box-title h3 { font-size: 156%; } .books-sales-section .grid-category-box > a { align-items: flex-start; color: transparent; border: 0; } .books-sales-section .grid-category-box > a::after { left: 50%; transform: translateX(-50%); } .new-books-section { margin-bottom: 64px; padding: 64px 0; } .home-page .section-title h3 { margin: 0; font-size: 114%; line-height: 1.3; } .top-sales-books-section .grid-boxes { margin: 0; width: 100%; overflow: auto; } .top-sales-books-section .grid-boxes .grid-boxes-wrapper { width: max-content; display: grid; align-items: start; gap: 16px; padding-inline: 16px; justify-items: end; grid-auto-flow: column; grid-auto-rows: 1fr; } .top-sales-books-section .grid-boxes-wrapper .item { width: 55.6vw; height: 100%; } .top-sales-books-section { margin-bottom: 64px; } .sections .bookday-section { margin-bottom: 64px; } .bookday-section .grid-boxes { flex-direction: column; padding-inline: 16px; } .bookday-section .grid-boxes .grid-box { width: 100%; } .bookday-section .grid-box-image { height: auto; } .our-spaciel { margin-bottom: 64px; } .our-spaciel .grid-boxes { margin: 0; display: flex; align-items: flex-start; justify-content: flex-start; gap: 16px; padding-inline: 16px; direction: rtl; width: max-content; } .our-spaciel .grid-boxes .grid-category-box { margin: 0; width: 208px; padding: 0; background: #fff; } .our-spaciel .grid-boxes::after, .our-spaciel .grid-boxes::before { content: none; } .our-spaciel .grid-boxes .grid-category-box .grid-box-image { padding: 0; margin: 0; } .our-spaciel .grid-box-image-container { height: 260px; } .our-spaciel .grid-boxes .grid-box .grid-box-title h3 { margin: 0; font-size: 100%; line-height: 1.1; } .our-spaciel .grid-box-title h3 a { padding: 2px 10px 0 50px; height: 50px; } /*.our-spaciel .grid-box-title h3 a::after { width: 24px; height: 24px; }*/ .delivery-section { margin-bottom: 64px; padding-inline: 16px; } .delivery-section .grid-row { display: grid !important; grid-template-columns: repeat(1, 1fr); grid-auto-rows: auto; overflow: visible; } .delivery-section .grid-row .grid-row-text { margin: 0; padding: 40px 32px; width: 100%; } .delivery-section .grid-row .grid-row-text h2 { font-size: 285%; line-height: 0.84; margin-bottom: 25px; } .delivery-section .grid-row .grid-row-text h3 { line-height: 1; font-size: 136%; margin-bottom: 50px; } .delivery-section .grid-row .grid-row-text p { color: var(--gray-text, #4D4E52); text-align: center; font-family: 'Heebo-Regular'; font-size: 14px; line-height: 1.4; /* 19.6px */ } .new-books-section .grid-boxes { display: flex; justify-content: flex-start; align-items: center; margin: 0; overflow: auto; } .new-books-section .grid-boxes .grid-boxes-wrapper { padding-inline: 0; display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-start; overflow: visible; padding-inline: 16px; gap: 10px; } .new-books-section .grid-boxes .grid-boxes-wrapper > div { display: flex; justify-content: flex-start; align-items: flex-end; width: max-content; gap: 16px; } .new-books-section .grid-boxes .grid-boxes-wrapper > div .item { width: 146px; } .new-books-section .catalogItemBox .catalogItemBoxInner > *:not(.image-wrapper) { display: none; } .new-books-section .catalogItemBox .catalogItemBoxInner > .image-wrapper .item-buttons-wrapper { display: none; } .new-books-section .catalogItemBox:hover .catalogItemBoxInner > .image-wrapper { margin: 0; } .new-books-section .catalogItemBox:hover .catalogItemBoxInner { padding: 0; } .new-books-section .grid-boxes .grid-boxes-wrapper > div .item .catalogItemBoxInner { padding: 0; } #SiteContainer .new-books-section .grid-boxes .grid-boxes-wrapper > div .item a.item-image img { aspect-ratio: auto; } #SiteContainer .new-books-section .grid-boxes .grid-boxes-wrapper > div .item .image-wrapper { margin: 0; } .new-books-section .swiper-width-wrapper .content-section-Btn { display: none; } #SearchResultPage .container-fluid { padding: 0; } .trigger-position-right #enable-toolbar #enable-toolbar-content #enable-toolbar-trigger { bottom: 440px; } #whatAppButton { bottom: 100px; } .flashy-reviews-component { padding-inline: 16px; margin-bottom: 60px; } #SiteContainer .checkOutItemsBoxItems .catalogItemBox .catalogItemBoxInner a.item-image { height: 250px; padding: 15px; } #SiteContainer .checkOutItemsBoxItems .catalogItemBox .catalogItemBoxInner a.item-image img { width: auto; aspect-ratio: unset; } .checkOutItemsBoxItems .owl-carousel .owl-dots { bottom: 0; } .headerShopLoginUserLoggedIn .loginBoxLogout { height: auto; } } form#checkout-form .deliveryOptionsWrapper.checkoutFormWrapper .deliveryOptionBox { color: #1F2E44; border-radius: 4px; border: 1px solid var(--stroke, #E5EAEE); width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0; } form#checkout-form .deliveryOptionsWrapper.checkoutFormWrapper .deliveryOptionBox.active { border: 1px solid var(--blue, #153963); background: #E8F1FB; } form#checkout-form .deliveryOptionsWrapper.checkoutFormWrapper .deliveryOptionBox img, form#checkout-form .deliveryOptionsWrapper.checkoutFormWrapper .deliveryOptionBox span.radioCircle { right: 13px } form#checkout-form .deliveryOptionsWrapper.checkoutFormWrapper .deliveryOptionBox .deliveryOptionLabel { border: 0; border-radius: 0; padding: 20px 13px; padding-right: 40px; } .deleviry-price-element { font-family: 'Heebo'; white-space: nowrap; display: flex; position: absolute; left: 20px; pointer-events: none; } @media (max-width:1024px) { form#checkout-form .deliveryOptionsWrapper.checkoutFormWrapper .deliveryOptionBox { /* width:80%; */ } form#checkout-form .deliveryOptionsWrapper.checkoutFormWrapper .deliveryOptionBox .deliveryOptionLabel { padding-inline: 40px 60px; } .deleviry-price-element { left: 10px; } }