/** Shopify CDN: Minification failed

Line 24:2 Unexpected "<"
Line 37:2 Unexpected "<"
Line 94:2 Unexpected "<"
Line 125:1 Expected "}" to go with "{"

**/
/*-----------------------------------------------------------------------------/
/ Custom Theme CSS
/-----------------------------------------------------------------------------*/
/*---------------- Global Custom CSS -------------------*/
#shopify-section-template--15984653140133__73ad2a26-cce9-4969-a1c3-53c9b2561a12 .t4s-banner-item,
#shopify-section-template--15984653140133__ccb8413e-86fd-42ab-acae-6730846218b2 .t4s-banner-item, #shopify-section-template--15984653140133__ccb8413e-86fd-42ab-acae-6730846218b3 .t4s-banner-item {border-radius: 8px;}
.t4s-flicky-slider .flickityt4s-page-dots .dot:not(.is-selected) {background-color : #D9D9D9; opacity:1;}
.t4s-header__design2 .t4s-search-header__form, .t4s-header__design2 .t4s-search-header__form .t4s-search-header__submit {border-radius: 8px; display: flex; align-items: center;} .t4s-header__design2 .t4s-search-header__submit-icon{display: flex;} .t4s-search-header__input {height: 44px;}
#t4s-nav-categories > li > a {font-weight: 500;
font-size: 14px;
line-height: 22px;padding: 12px 20px; color: #000;}  #t4s-nav-categories > li >a > i {color: #8C8C8C;}
.t4s-header__design2 .t4s-section-header__bot .t4s-h-cat >h5 {padding: 0 18px;}  .t4s-search-header__type select {font-weight: 500;} .t4s-search-header__input {font-size: 14px;} .t4s-tabs-se .t4s-tabs-ul li a {font-size: 14px;line-height:22px;} .t4s-section-header__bot .t4s-h-cat:hover {background-color: var(--shopify-editor-section-header-categories-menu-setting-bgcategory);} .t4s_lb_nav {padding-top: 1px;}

/*---------------- Custom CSS for only desktop -------------------*/
@media (min-width: 1025px) {
  <body>@media (min-width: 1025px) {
  .t4s-section-header__mid {
    border-bottom: none !important;
  }
}

.t4s-section-header__bot {
  border-bottom: 1px solid rgba(var(--h-text-color-rgb), 0.15);
  margin-bottom: 28px;
}



  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>مربع بحث أنيق</title>
  <style>
    body {
      margin: 0;
      font-family: 'Cairo', sans-serif;
      background-color: #f9f9f9;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }

    .search-container {
      width: 90%;
      max-width: 500px;
      position: relative;
    }

    .search-box {
      width: 100%;
      padding: 15px 20px 15px 45px;
      border: 1px solid #ccc;
      border-radius: 50px;
      font-size: 16px;
      transition: 0.3s;
      box-shadow: 0 2px 8px rgba(0,0,0,0.05);
      direction: rtl;
    }

    .search-box:focus {
      outline: none;
      border-color: #007BFF;
      box-shadow: 0 0 8px rgba(0, 123, 255, 0.3);
    }

    .search-icon {
      position: absolute;
      top: 50%;
      left: 15px;
      transform: translateY(-50%);
      font-size: 18px;
      color: #888;
    }

    @media (max-width: 480px) {
      .search-box {
        font-size: 14px;
        padding: 12px 15px 12px 40px;
      }

      .search-icon {
        font-size: 16px;
        left: 12px;
      }
    }
  </style>
  <!-- يمكنك استخدام أيقونات Font Awesome -->
  <script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>



  <div class="search-container">
    <i class="fas fa-search search-icon"></i>
    <input type="text" class="search-box" placeholder="ابحث هنا...">
  </div>


</body>
}

/*---------------- Custom CSS for tablet, mobile -------------------*/
@media (max-width: 1024px) {
  .t4s-section-header [data-header-height2] .t4s-navigation {--ts-gutter-x: 15px;} #shopify-section-template--15984653140133__3f5cbe46-1629-41ac-9543-83d5322a33a9 .t4s-flicky-slider.t4s-dots-bottom_left .flickityt4s-page-dots{padding: 0 15px;  #shopify-section-template--15984653140133__a0cb7f9e-1b9f-4d47-a32a-b4cdc7289295 div#b_template--15984653140133__a0cb7f9e-1b9f-4d47-a32a-b4cdc7289295-16753293455241bfa3-1 > span {justify-content : center;}
}

/*---------------- Custom CSS for only tablet -------------------*/
@media (min-width: 768px) and (max-width: 1024px) {
  #shopify-section-template--15984653140133__a0cb7f9e-1b9f-4d47-a32a-b4cdc7289295 div#b_template--15984653140133__a0cb7f9e-1b9f-4d47-a32a-b4cdc7289295-16753293455241bfa3-1 > span {justify-content : center;}
}

/*---------------- Custom CSS for only mobile -------------------*/
@media (max-width: 767px){
  #shopify-section-template--15984653140133__a0cb7f9e-1b9f-4d47-a32a-b4cdc7289295 div#b_template--15984653140133__a0cb7f9e-1b9f-4d47-a32a-b4cdc7289295-16753293455241bfa3-1 > span {justify-content : center;}
section#shopify-section-template--19630374486259__collections_list_cdHTD4 .t4s-row-cols-3>.t4s-col-item, .t4s-row-cols-3 .flickityt4s-slider>.t4s-col-item {
    width: 28.333333%;
}
}