:root{ --main-color : #8b6b4f; --text-color : #4E3933; --body-color : #FFF9F5; --white-color : #FFFFFF; } body{ background : var(--body-color) } .navbar-brand img { max-height: 4rem; border-radius: 50%; } .main-nav-container { background: var(--body-color); } header + section.s-block--fixed-banner { margin-top: 0; } section.s-block--fixed-banner .container{ padding : 0; max-width : 100% } section.s-block--fixed-banner .container img { border-radius : 0; } .s-block--categories .s-slider-block__title { color : var(--main-color); justify-content : center; } .s-block--categories .s-slider-block__title h2{ font-size : 2rem !important; font-weight : 300; } .s-block--categories .swiper .swiper-wrapper{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .s-block--categories salla-slider .slide--one-sixth { width: 25% !important; } .s-block--categories .swiper .swiper-wrapper .swiper-slide a{ background-color : transparent; height: 17rem; border : 0; } .swiper .swiper-wrapper .swiper-slide a h2{ color : var(--text-color) } .swiper .swiper-wrapper .swiper-slide a img{ border-radius : 0; width: 100%; height: 100%; } /* مميزات المتجر */ section.s-block--features:before{ content : 'مميزات بــــن زايـــد'; display : block; color : var(--main-color); font-size : 1.7rem; text-align : center; margin-bottom : 25px; } section.s-block--features .s-block--features__item{ background : url('https://i.ibb.co/tpPnZxyr/Frame-153.webp'); background-size : cover; background-position : center center; color: var(--text-color); } section.s-block--features .s-block--features__item .feature-icon{ height: 6rem; width: 20rem; border-radius: 0; background-color: transparent; } section.s-block--features .s-block--features__item .feature-icon .sicon-store2:before { content: url("https://i.ibb.co/rK6PL8sR/essential-oils-1.webp"); } section.s-block--features .s-block--features__item .feature-icon .sicon-shipping-fast:before { content: url("https://i.ibb.co/KzFzHVpQ/healthicons-money-bag-outline.webp"); } section.s-block--features .s-block--features__item .feature-icon .sicon-fire:before { content: url("https://i.ibb.co/ync1bnns/material-symbols-light-local-shipping-outline.webp"); } section.s-block--features .s-block--features__item h2, section.s-block--features .s-block--features__item p { color : var(--white-color); padding-bottom : 10px; } .footer-is-light .store-footer , .footer-is-light .store-footer .store-footer__inner { background-color: var(--main-color); color : var(--white-color) } .store-footer .store-footer__inner .container { grid-template-columns: repeat(3, minmax(0, 1fr)); } .store-footer .store-footer__inner .container div:first-child{ grid-column: span 1 / span 1; } .copyright-text p{ color : var(--white-color) } @media (max-width : 1440px){ .s-block--categories .s-slider-block__title-right , .s-block--categories .s-slider-block__title-right h2 { padding : 0; } .s-block--categories .swiper { padding : 0 } .s-block--categories .swiper .swiper-wrapper .swiper-slide{ margin-bottom : 15px; } .s-block--categories .swiper .swiper-wrapper .swiper-slide a{ height: 17rem; border : 0; } section.s-block--features .s-block--features__item .feature-icon{ width: 10rem; } .store-footer .store-footer__inner .container { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width : 1024px){ /* الاقسام */ .s-block--categories .swiper .swiper-wrapper .swiper-slide a{ height: 17rem; } .s-block--categories .swiper .swiper-wrapper .swiper-slide a{ height: 13rem; } } @media (max-width : 768px){ .navbar-brand img { max-height: 3rem; } .s-block--categories .swiper .swiper-wrapper .swiper-slide a{ height: 13rem; } .s-block--categories salla-slider .slide--one-sixth { width: 33% !important; } section.s-block--features .s-block--features__item .feature-icon{ width: 10rem; } } @media (max-width : 600px){ .s-block--categories .s-slider-block__title h2{ font-size : 1.2rem !important; } .s-block--categories salla-slider .slide--one-sixth { width: 50% !important; } .s-block--categories .swiper { padding : 0 } .s-block--categories .swiper .swiper-wrapper .swiper-slide{ margin-bottom : 15px; } .s-block--categories .swiper .swiper-wrapper .swiper-slide a{ height: 9rem; } section.s-block--features:before{ font-size : 1.2rem; margin-bottom : 15px; } .s-block--features .grid { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } section.s-block--features .s-block--features__item{ max-width : 100% !important; } section.s-block--features .s-block--features__item:first-child { grid-column: span 1 / span 1; } section.s-block--features .s-block--features__item .feature-icon{ height: 6rem; width: 8rem; } .store-footer .store-footer__inner .container { grid-template-columns: repeat(1, minmax(0, 1fr)); } .store-footer .store-footer__inner .container div , .store-footer .store-footer__inner .container div a , .store-footer .store-footer__inner .container div .contact-social .s-social-list { align-items : center !important; justify-content: center !important; text-align : center } } @media (max-width : 376px){ .s-block--categories .swiper .swiper-wrapper .swiper-slide a{ height: 9rem; } }