@import url('https://fonts.googleapis.com/css2?family=Syne&display=swap');
html {
  scroll-behavior: smooth;
}
body {
  background: #fff;
  color: #000;
  font-family: 'Syne', sans-serif;
  font-weight: 700;
  box-sizing: border-box;
  outline: 0 !important;
}
p {
  font-weight: 400;
}
.contentPage {
    margin: 25px 0;
    padding: 25px 0;
}
.dnone{
	display:block;
}
/*-- Header -*/
#myTabs li:first-child {
  display:none;
}
button.btn.p-0{
    font-size: 30px;
}
.search-box input {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 10px 15px;
}

.lang a{
    color: #676666;
    text-decoration: none;
    border: 1px solid #c3c3c3;
    padding: 8px 15px;
    border-radius: 15px;
}
.icon {
    font-size: 18px;
    color: #000;
    text-decoration: none;
}
.cart-count {
    position: absolute;
    top: -11px;
    right: -15px;
    background: #1e77bb;
    color: #fff;
    font-size: 9px;
    border-radius: 50%;
    padding: 2px 6px;
}
.menu .navbar-nav li a {
    font-weight: 500;
    color: #000;
    padding: 10px 15px;
    font-weight: bold;
}
.menu .navbar-nav li a:hover {
    color: #1e77bb;
}
.menu .navbar-expand-lg .navbar-nav {
    flex-direction: row;
    width: 100%;
    margin: auto;
    justify-content: space-between;
}
.offcanvas {
    width: 300px;
}
.menu-links,
.menu-categories {
    list-style: none;
    padding: 0;
    margin: 0;
}
.menu-links li,
.menu-links li a,
.menu-categories li {
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    cursor: pointer;
	color: #000;
}
.menu-links li:hover,
.menu-categories li:hover {
    color: #1e77bb;
}
/*-- Main -*/
/*-- Banner -*/
.tiles-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 220px 220px 220px; /* 🔥 كبرنا الارتفاع */
    gap: 15px;
    grid-template-areas:
        "tile1 tile2 tile2 tile3"
        "tile4 tile2 tile2 tile3"
        "tile4 tile5 tile6 tile7";
}
.tile-1 { grid-area: tile1; }
.tile-2 { grid-area: tile2; }
.tile-3 { grid-area: tile3; }
.tile-4 { grid-area: tile4; }
.tile-5 { grid-area: tile5; }
.tile-6 { grid-area: tile6; }
.tile-7 { grid-area: tile7; }
.tile {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
}
.tile img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 🔥 رجعناها cover */
}
/*-- Categories -*/
/*-- category Home -*/
.category-image {
    background: #f3f3f3;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.category-image img {
    max-height: 100%;
    object-fit: contain;
}
.category-title {
    font-size: 14px;
    color: #000;
}
.category-box {
    text-decoration: none;
}
.category-box:hover .category-title {
    color: #1e77bb;
}
.nav-tabs .nav-link.active {
    border-bottom: 2px solid black;
}
#myTabs li button,.woocommerce div.product .woocommerce-tabs ul.tabs li.active,.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border-right: 0;
    border-left: 0;
    border-top: 0;
    color: #000;
    background: transparent;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border-bottom: 1px solid transparent;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    border-bottom: 2px solid black;
}
#myTabs {
    display: flex;
    justify-content: space-between; /* 🔥 يوزعهم على كامل العرض */
    flex-wrap: wrap; /* ينزل سطر ثاني إذا ما كفى */
    width: 100%;
}
#myTabs .nav-item {
    flex: 0 0 auto; /* كل عنصر بحجمه الطبيعي */
}
#myTabs .nav-link {
    white-space: nowrap;
}
/*-- Footer -*/
.main-footer {
    background: #f5f5f5;
    font-size: 14px;
}
.footer-title {
    font-weight: 600;
    margin-bottom: 15px;
}
.footer-links {
    list-style: none;
    padding: 0;
}
.footer-links li {
    margin-bottom: 8px;
}
.footer-links a {
    text-decoration: none;
    color: #000;
}
.footer-links a:hover {
    color: #1e77bb;
}
.btn-live-chat {
    border: 1px solid #007bff;
    color: #007bff;
    border-radius: 6px;
    padding: 5px 12px;
}
.social-icons a {
    display: inline-block;
    margin-right: 8px;
    width: 32px;
    height: 32px;
    border: 1px solid #ccc;
    border-radius: 50%;
    text-align: center;
    line-height: 32px;
    color: #000;
    text-decoration: none;
}
.footer-bottom {
    background: #eaeaea;
    font-size: 13px;
}
/*--- cart --*/
.wc-block-cart .wc-block-cart__submit-container a{
    background: #1e77bb;
    color: #fff;
    border-radius: 6px;
    padding: 10px 20px;
    text-decoration: none;
}
.wc-block-cart .wc-block-cart__submit-container a:hover {
    background: #155d8b;
    transition: background 0.3s ease;
}
/*--- checkout --*/
.wc-block-checkout__actions_row button{
    background: #1e77bb;
    color: #fff;
    border-radius: 6px;
    padding: 10px 20px;
    text-decoration: none;
    border: none;
}   
.wc-block-checkout__actions_row button:hover {
    background: #155d8b;
    transition: background 0.3s ease;
}
/*-- Product -*/
.woocommerce .products ul, .woocommerce ul.products {
    padding: 25px 0;
}
.woocommerce ul.products li, .woocommerce-page ul.products li {
    text-align: center;
    padding-bottom: 12px;
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 25px 12px;
}
.woocommerce ul.products li.product .onsale,.woocommerce span.onsale{
    border-radius: 0;
    background: #1e77bb;
    padding: 0 15px;
    margin: 0;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
    color: #000;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 18px;
}
span.woocommerce-Price-amount.amount {
    font-weight: bold;
    color: #1e77bb;
    font-size: 18px;
}
.woocommerce ul.products li.product .button ,
.woocommerce div.product form.cart .button{
    background: transparent;
    border: 1px solid #1e77bb;
    color: #1e77bb;
    border-radius: 6px;
    padding: 10px 20px;
    text-decoration: none;
    font-size: 18px;
    margin-bottom: 10px;
}
.woocommerce ul.products li.product .button:hover {
    background: #155d8b;
    color: #fff;
    transition: background 0.3s ease;
}
/*-- woo -*/
.woocommerce-tabs.wc-tabs-wrapper {
    margin: 80px 0;
}
.woocommerce .woocommerce-ordering select {
    padding: 5px;
    border-color: #f5f5f5;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before{
    width: 0;
    height: 0;
}
.woocommerce div.product .woocommerce-tabs .panel {
    padding: 0 25px;
}
/*-- Reviews  --*/
.woocommerce #review_form #respond textarea{
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 10px 15px;
}
.woocommerce p.stars a {
    margin: 5px;
    color: #000;
}
.woocommerce #review_form #respond p {
    margin: 0 0 15px;
}
.woocommerce #review_form #respond .form-submit input {
    background: #1e77bb;
    color: #fff;
    border-radius: 6px;
    padding: 10px 20px;
    border: none;
}
/*--- single product ---*/
.single-product .product  {
    margin: 25px 0;
    padding: 25px 0;
}
.product_meta span.posted_in a {
    background: #f5f5f5;
    margin: 5px;
    padding: 5px;
    color: #1e77bb;
    border-radius: 5px;
    text-decoration: none;
}
.product_meta span.posted_in a:hover {
    background: #1e77bb;
    color: #fff;
    transition: background 0.3s ease;
}
/* Wrapper */
.wp-block-yith-search-block {
    position: relative;
    width: 100%;
    max-width: 100%;
}
/* Input */
.wp-block-yith-search-block .ywcas-classic-search.ywcas-small input {
    width: 100% !important;
    height: 52px !important;
    padding: 0 55px 0 15px !important;
    background: #fff !important;
    outline: none !important;
    font-size: 14px !important;
}
/* زر البحث داخل الانبوت */
.wp-block-yith-search-block button {
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    border: none;
    border-radius: 8px;
    background: #e9ecef;
    cursor: pointer;
    font-size: 0; /* نخفي كلمة Search */
}
/* أيقونة 🔍 */
.ywcas-submit-wrapper svg::before {
    content: "\f002"; /* 🔥 أيقونة البحث */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 16px;
}
/* Hover */
.ywcas-submit-wrapper svg:hover {
    background: #dcdcdc;
}
/*--- Quantity -*/
.quantity {
    width: 100%;
}
.qty-wrapper {
    display: inline-flex;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 6px;
    overflow: hidden;
}
.qty-wrapper input {
    width: 60px;
    height: 40px;
    text-align: center;
    border: none;
    outline: none;
}
.qty-btn {
    width: 40px;
    height: 40px;
    border: none;
    background: #f5f5f5;
    cursor: pointer;
    font-size: 18px;
}
.qty-btn:hover {
    background: #e0e0e0;
}
.quantity .woocommerce ul.products li.product .button, .woocommerce div.product form.cart .button {
    margin: 20px 0;
}
/*--- Quantity -*/
/*-- Messages -*/
.woocommerce-message {
    border-top-color: #1e77bb;
    outline: 0;
    background: #f5f5f5;
}
.woocommerce-message::before {
    color: #1e77bb;
}
.woocommerce-message a {
    background: #f5f5f5 !important;
    border: 1px solid #1e77bb !important;
    color: #1e77bb !important;
}
.woocommerce-message a:hover {
    background: #1e77bb !important;
    color: #fff !important;
    transition: background 0.3s ease;
}
/*-- Messages -*/
.product-slider {
    position: relative;
}
.product-slider img {
    width: 100%;
    height: auto;
}
.slide-pro {
    display: none;
}
.slide-pro.active {
    display: block;
}
/* dots */
.slider-dots {
    text-align: center;
    margin-top: 10px;
}
.dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 4px;
    background: #ccc;
    border-radius: 50%;
    cursor: pointer;
}
.dot.active {
    background: #000;
}

/*-- sideshow --*/
.slideshow img{
	height:auto;
	width:100%;
}
/*-- sideshow --*/



.cat-brand .brand-body,.cat-mod .mod-body{box-sizing:border-box;font-size:1.5em;line-height:1.1;order:999;text-transform:capitalize}.cat-slideshow{padding:25px 0 45px}.cat-slideshow .carousel-indicators{position:absolute;right:0;bottom:-45px}.cat-slideshow .carousel-control-next{right:-25px}.cat-slideshow .carousel-control-prev{left:-25px}.cat-slideshow .overlay{height:300px;position:absolute;width:95%;background:#00000085;z-index:999;margin:auto;top:0;bottom:0;Z-INDEX:2}.carousel-indicators .active{opacity:1;width:48px!important}.cat-slideshow .carousel-indicators li{width:16px;height:2px;background-color:#d8d8d8}.cat-shop,.offer-shop{background:#fbfafa;width:100%;padding:30px 0}.cat-shop img,.offer-shop img{padding:16px 0}.cat-shop .front-content,.offer-shop .front-content{position:relative}.cat-shop .front-content h3,.offer-shop .front-content h3{position:absolute;top:25%;right:0;left:0;margin:auto;text-align:center;color:#fff;width:90%;font-size:25px;font-weight:700;text-shadow:0 2px 3px #333}.cat-shop .front-content .textwidget a,.offer-shop .front-content .textwidget a{position:absolute;top:-115px;right:0;left:0;margin:auto;text-align:center;color:#fff;width:40%;background:#d4252a;border-radius:4px;display:inline-block;font-size:12px;font-weight:700;padding:10px 28px}.cat-fillter{padding:45px 0 0}.bgfilcat,.cat-mod,.woocommerce div figure img{background:#fff}.cat-fillter ul,.cat-mod ul{text-align:left;width:100%;padding:0}.cat-fillter ul li{cursor:pointer}.home .cat-fillter ul li{cursor:pointer;background:#1e77bb;margin:2px}.cat-fillter ul li a h3{font-size:16px;font-weight:300;color:#fff;background:#1e77bb;padding:8px}#yith-ywraq-form #yith-ywrq-table-list,.cart_totals table.shop_table.shop_table_responsive,.cat-fillter .cat-body,.intl-tel-input.allow-dropdown.separate-dial-code,.modal-body .woocommerce .password-input,.modal-body .woocommerce label,.woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-1,.woocommerce-page .col2-set .col-2,.yith-ywraq-mail-form-wrapper p,.yith-ywraq-mail-form-wrapper p span,a.navbar-brand,div.product form.cart div.quantity{width:100%}.cat-fillter .cat-body img{width:70%;padding:20px;margin:auto}.cat-fillter .cat-body a h3{font-size:20px;font-weight:400;color:#111;padding-top:20px;padding-bottom:20px}.cat-mod{padding:45px 0}.cat-mod ul li a h3{font-size:20px;font-weight:300;color:#111;cursor:pointer}.cat-mod .mod-body{width:100%;background:#fff;border:2px solid #f0f0f0;border-radius:1px;color:#464646;flex-direction:column;justify-content:center;margin:0 1% 12px;padding:8px 28px 8px .8em;position:relative}.cat-brand .brand-body a h3,.cat-mod .mod-body a h3{color:#464646;font-size:19px;justify-content:center;padding:4px 6px;margin:0}.cat-mod .mod .icon,.cat-mod .mods .icon,.proudect-type .sieing .icon{font-size:18px;position:absolute;right:7%;top:30%;color:#464646}.cat-brand,.offersection,.recently-view{width:100%;padding:25px 0}.cat-brand h2,.recently-view h2{padding-bottom:25px}.cat-brand .brand-body{width:100%;background:#f0f0f0;border:2px solid #f0f0f0;border-radius:1px;color:#464646;flex-direction:column;justify-content:center;padding:25px 28px 25px .8em;position:relative}

.wbutton {
    position: fixed;
    left: 22px;
    bottom: 25px;
    background: #4ccf5b;
    margin: auto;
    padding: 12px;
    border-radius: 100%;
    z-index: 999;
}
.wbutton a{
    color: #fff;
}