/*****  HourClothing – Kalles-like Theme (EasyOrders)  *****
* ملف واحد: ارفعه كـ CSS ثم أضِف <link rel="stylesheet" ...> في Header Code
* الخط: Cairo – الهوية: أسود/رمادي نظيف – ستايل قريب من Kalles Shopify
*
* ▼ تعديل نصوص/قيم سريعة (خصم البوب-أب، مدة العدّاد…)
*************************************************************/

:root {
  /* ألوان وهوية */
  --hour-primary: #000;         /* أسود أساسي */
  --hour-text: #121212;         /* نص */
  --hour-muted: #6b7280;        /* رمادي للنصوص الثانوية */
  --hour-bg: #ffffff;           /* خلفية */
  --hour-soft: #f5f7f9;         /* خلفيات باهتة */
  --hour-success: #10b981;      /* أخضر */
  --hour-danger: #ef4444;       /* أحمر */
  --hour-warning: #f59e0b;      /* أصفر */

  /* زوايا وظلال */
  --radius: 16px;               /* نعومة Kalles */
  --shadow-1: 0 6px 24px rgba(0,0,0,.06);
  --shadow-2: 0 10px 30px rgba(0,0,0,.08);

  /* Popup (تعديل النص/الخصم هنا) */
  --popup-enabled: 1;           /* 1 تشغيل – 0 تعطيل */
  --popup-delay: 5s;            /* يظهر بعد 5 ثواني */
  --popup-title: "خصم لفترة محدودة!";     /* عنوان */
  --popup-note: "خصم %15 على أول طلب — استخدم الكود HOUR15";  /* سطر */
  --popup-cta: "تسوق الآن";
  --popup-link: "/collections/Best-sellers"; /* رابط زر البوب-أب */

  /* Countdown CSS-only (بدون JS): مدة افتراضية (1 ساعة) */
  --cd-hours: 01;
  --cd-mins: 59;
  --cd-secs: 59;

  /* سرعة الحركات */
  --speed: .25s;
}

/* خط كايرو على كل النصوص */
span,strong,a,h1,h2,h3,h4,h5,h6,p,li,button,label,input,textarea,dd,dt {
  font-family: "Cairo", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}

/* أساسيات عامة */
html[dir="rtl"], body {
  background: var(--hour-bg);
  color: var(--hour-text);
  direction: rtl;
  text-align: right;
}
img { border-radius: 12px; }
a { color: var(--hour-text); text-decoration: none; transition: color var(--speed) ease; }
a:hover { color: #000; }
button { border-radius: 999px; }

/* حاويات عامة شبيهة Kalles */
.container_class,
.content_container,
.home_products_grid_container,
.products_grid_container,
.default_product_list_container {
  --pad: clamp(10px, 1.5vw, 18px);
  padding-left: var(--pad) !important;
  padding-right: var(--pad) !important;
}

/* العناوين الرئيسية على الهوم */
.home_section_top_container .home_section_top_title{
  letter-spacing: .2px;
  position: relative;
}
.home_section_top_container .home_section_top_title::after{
  content:"";
  position:absolute;
  bottom:-10px;
  inset-inline-start:0;
  width:48px;height:3px;
  background: var(--hour-text);
  border-radius: 3px;
}

/* روابط "المزيد" */
.home_section_top_container a,
.content_container a[href*="/collections/"]{
  font-weight:600;
  padding:.4rem .9rem;
  border:1px solid #e5e7eb;
  border-radius:999px;
  transition:all var(--speed) ease;
}
.home_section_top_container a:hover{
  border-color:#111;
  transform: translateY(-1px);
}

/* ===== بطاقات الأقسام (Carousel) ===== */
.default_category_card{
  background: #fff;
  border:1px solid rgba(18,18,18,.06);
  border-radius: var(--radius);
  padding: 12px;
  box-shadow: var(--shadow-1);
  transition: transform .25s ease, box-shadow .25s ease;
}
.default_category_card:hover{
  transform: translateY(-4px);
  box-shadow: var(--shadow-2);
}
.default_category_card_name{
  display:flex; align-items:center; gap:.35rem;
}

/* أزرار السلايدر */
.slider_buttons_container .slider_button{
  box-shadow: 0 6px 16px rgba(0,0,0,.08);
  border:1px solid #eee;
  background:#fff !important;
  color:#111 !important;
  transition:transform var(--speed) ease, background var(--speed);
}
.slider_buttons_container .slider_button:hover{ transform: scale(1.05); }

/* ===== شبكة “الأكثر مبيعاً” ===== */
.default_product_featured_card{
  border-radius: var(--radius);
  border:1px solid rgba(18,18,18,.08);
  overflow:hidden;
  background:#fff;
  transition: transform .22s ease, box-shadow .22s ease;
}
.default_product_featured_card:hover{
  transform: translateY(-4px);
  box-shadow: var(--shadow-2);
}

/* خصم Badge */
.default_product_featured_card span[class*="inline-block"][class*="bg-heading"],
.home_products_grid_card del,
.products_grid_card del{
  background: var(--hour-danger) !important;
  color:#fff !important;
  border-radius: 8px;
}

/* بطاقات المنتجات (القوائم/الشبكة) */
.default_product_list_card,
.home_products_grid_card,
.products_grid_card{
  border:1px solid rgba(18,18,18,.06);
  border-radius: var(--radius);
  background:#fff;
  box-shadow: var(--shadow-1);
  transition: transform .22s ease, box-shadow .22s ease;
}
.default_product_list_card:hover,
.home_products_grid_card:hover,
.products_grid_card:hover{
  transform: translateY(-5px);
  box-shadow: var(--shadow-2);
}

/* السعر */
.default_product_list_card h3,
.home_products_grid_card h3,
.products_grid_card h3{
  font-weight:700;
  line-height: 1.5;
}

/* ===== Buttons – الشراء/السلة (ستايل Kalles) ===== */
.checkout_btn{
  background: var(--hour-text) !important;
  color:#fff !important;
  border: none !important;
  box-shadow: 0 12px 28px rgba(17,17,17,.14);
  transition: transform .08s ease, box-shadow .2s ease, opacity .2s ease;
}
.checkout_btn:hover{ opacity:.92; }
.checkout_btn:active{ transform: translateY(1px); box-shadow: 0 8px 18px rgba(17,17,17,.18); }

.add_to_cart_btn{
  border:1px solid var(--hour-text) !important;
  color: var(--hour-text) !important;
  background:#fff !important;
  transition: background .2s ease, color .2s ease;
}
.add_to_cart_btn:hover{
  background: var(--hour-text) !important;
  color:#fff !important;
}

/* ===== صفحة المنتج: العنوان والسعر ===== */
.product_name{
  font-weight:900;
  line-height:1.25;
  margin-bottom:.25rem;
}
#sale-price{
  font-weight:900;
  letter-spacing:.2px;
}

/* ===== FOMO Box تحت السعر (مصمم للكلاسات الموجودة) ===== */
.fake_stock_container, .fake_visitors_container{
  border:1px solid rgba(18,18,18,.06);
  background: #fff;
  border-radius: 14px;
  padding: .8rem .9rem;
  box-shadow: var(--shadow-1);
}
.fake_stock_container .fake_stock_progress{
  background: #f3f4f6 !important;
}
.fake_stock_container .fake_stock_progress > div{
  background: linear-gradient(90deg, #ef4444 0%, #f59e0b 100%) !important;
  width: 62% !important;   /* نسبة الامتلاء (عدّلها لو عايز) */
}
.fake_stock_container .fake_stock_count{
  margin: .65rem 0 0;
}

.fake_visitors_container{
  display:flex;align-items:center;gap:.5rem;
}
.fake_visitors_container span{
  background: #111;
}

/* ===== Reviews (مظهر نظيف) ===== */
.reviews_container{
  background: #fff;
  border-radius: var(--radius);
  box-shadow: var(--shadow-1);
  border:1px solid rgba(18,18,18,.06);
}
.reviews_container .reviews_summary h2{
  font-weight:900;
}

/* ===== Related Products ===== */
.products_grid_container .products_grid_card img{
  transition: transform .35s ease;
}
.products_grid_container .products_grid_card:hover img{
  transform: scale(1.03);
}

/* ===== Fixed Buy Bar (أسفل المنتج) ===== */
.bottom-0.fixed{
  box-shadow: 0 -10px 24px rgba(0,0,0,.06);
}

/* ==========================================================
   COUNTDOWN – CSS ONLY (بدون JS) تحت السعر
   يعتمد على الماركب الحالي داخل صفحة المنتج:
   .mt-4 .flex .rounded-md.bg-black > span  (أربع صناديق)
   سنستبدل النص داخل span بـ ::after متحركة
   يمكنك تغيير القيم الابتدائية من :root ( --cd-hours / --cd-mins / --cd-secs )
   ========================================================== */

/* إخفاء نص span الأصلي داخل الصناديق */
.mt-3 + .mt-4 .flex[dir="ltr"] .flex .bg-black > span{
  color: transparent !important;
  position: relative;
}

/* ساعات */
.mt-3 + .mt-4 .flex[dir="ltr"] > div:nth-child(2) .bg-black > span::after{
  content: var(--cd-hours);
  position:absolute; inset:0;
  color:#fff;
  display:flex; align-items:center; justify-content:center;
}
/* دقائق */
.mt-3 + .mt-4 .flex[dir="ltr"] > div:nth-child(3) .bg-black > span{
  --tick-list: "59","58","57","56","55","54","53","52","51","50",
               "49","48","47","46","45","44","43","42","41","40",
               "39","38","37","36","35","34","33","32","31","30",
               "29","28","27","26","25","24","23","22","21","20",
               "19","18","17","16","15","14","13","12","11","10",
               "09","08","07","06","05","04","03","02","01","00";
  --steps: 60;
  --dur: 3600s;            /* ساعة كاملة: كل دقيقة تتغير (3600 / 60 = 60s لكل خطوة) */
}
.mt-3 + .mt-4 .flex[dir="ltr"] > div:nth-child(3) .bg-black > span::after{
  content: var(--cd-mins);
  position:absolute; inset:0; color:#fff; display:flex; align-items:center; justify-content:center;
  animation: hourMinutes var(--dur) steps(60, end) forwards;
}
@keyframes hourMinutes{
  0%   { content: "59"; }
  1.667% { content:"58"; }   /* 100/60 ≈ 1.667% لكل دقيقة */
  3.333% { content:"57"; }
  5%     { content:"56"; }
  6.667% { content:"55"; }
  8.333% { content:"54"; }
  10%    { content:"53"; }
  11.667%{ content:"52"; }
  13.333%{ content:"51"; }
  15%    { content:"50"; }
  16.667%{ content:"49"; }
  18.333%{ content:"48"; }
  20%    { content:"47"; }
  21.667%{ content:"46"; }
  23.333%{ content:"45"; }
  25%    { content:"44"; }
  26.667%{ content:"43"; }
  28.333%{ content:"42"; }
  30%    { content:"41"; }
  31.667%{ content:"40"; }
  33.333%{ content:"39"; }
  35%    { content:"38"; }
  36.667%{ content:"37"; }
  38.333%{ content:"36"; }
  40%    { content:"35"; }
  41.667%{ content:"34"; }
  43.333%{ content:"33"; }
  45%    { content:"32"; }
  46.667%{ content:"31"; }
  48.333%{ content:"30"; }
  50%    { content:"29"; }
  51.667%{ content:"28"; }
  53.333%{ content:"27"; }
  55%    { content:"26"; }
  56.667%{ content:"25"; }
  58.333%{ content:"24"; }
  60%    { content:"23"; }
  61.667%{ content:"22"; }
  63.333%{ content:"21"; }
  65%    { content:"20"; }
  66.667%{ content:"19"; }
  68.333%{ content:"18"; }
  70%    { content:"17"; }
  71.667%{ content:"16"; }
  73.333%{ content:"15"; }
  75%    { content:"14"; }
  76.667%{ content:"13"; }
  78.333%{ content:"12"; }
  80%    { content:"11"; }
  81.667%{ content:"10"; }
  83.333%{ content:"09"; }
  85%    { content:"08"; }
  86.667%{ content:"07"; }
  88.333%{ content:"06"; }
  90%    { content:"05"; }
  91.667%{ content:"04"; }
  93.333%{ content:"03"; }
  95%    { content:"02"; }
  96.667%{ content:"01"; }
  98.333%{ content:"00"; }
  100%   { content:"00"; }
}

/* ثواني */
.mt-3 + .mt-4 .flex[dir="ltr"] > div:nth-child(4) .bg-black > span{
  --dur: 60s;   /* دقيقة */
}
.mt-3 + .mt-4 .flex[dir="ltr"] > div:nth-child(4) .bg-black > span::after{
  content: var(--cd-secs);
  position:absolute; inset:0; color:#fff; display:flex; align-items:center; justify-content:center;
  animation: minuteSeconds var(--dur) steps(60, end) infinite;
}
@keyframes minuteSeconds{
  0%   { content:"59"; }
  1.667%{ content:"58"; }
  3.333%{ content:"57"; }
  5%   { content:"56"; }
  6.667%{ content:"55"; }
  8.333%{ content:"54"; }
  10%  { content:"53"; }
  11.667%{ content:"52"; }
  13.333%{ content:"51"; }
  15%  { content:"50"; }
  16.667%{ content:"49"; }
  18.333%{ content:"48"; }
  20%  { content:"47"; }
  21.667%{ content:"46"; }
  23.333%{ content:"45"; }
  25%  { content:"44"; }
  26.667%{ content:"43"; }
  28.333%{ content:"42"; }
  30%  { content:"41"; }
  31.667%{ content:"40"; }
  33.333%{ content:"39"; }
  35%  { content:"38"; }
  36.667%{ content:"37"; }
  38.333%{ content:"36"; }
  40%  { content:"35"; }
  41.667%{ content:"34"; }
  43.333%{ content:"33"; }
  45%  { content:"32"; }
  46.667%{ content:"31"; }
  48.333%{ content:"30"; }
  50%  { content:"29"; }
  51.667%{ content:"28"; }
  53.333%{ content:"27"; }
  55%  { content:"26"; }
  56.667%{ content:"25"; }
  58.333%{ content:"24"; }
  60%  { content:"23"; }
  61.667%{ content:"22"; }
  63.333%{ content:"21"; }
  65%  { content:"20"; }
  66.667%{ content:"19"; }
  68.333%{ content:"18"; }
  70%  { content:"17"; }
  71.667%{ content:"16"; }
  73.333%{ content:"15"; }
  75%  { content:"14"; }
  76.667%{ content:"13"; }
  78.333%{ content:"12"; }
  80%  { content:"11"; }
  81.667%{ content:"10"; }
  83.333%{ content:"09"; }
  85%  { content:"08"; }
  86.667%{ content:"07"; }
  88.333%{ content:"06"; }
  90%  { content:"05"; }
  91.667%{ content:"04"; }
  93.333%{ content:"03"; }
  95%  { content:"02"; }
  96.667%{ content:"01"; }
  98.333%{ content:"00"; }
  100% { content:"00"; }
}

/* الأيام (لو عايزها ثابتة) */
.mt-3 + .mt-4 .flex[dir="ltr"] > div:nth-child(1) .bg-black > span::after{
  content: "0";
  position:absolute; inset:0; color:#fff; display:flex; align-items:center; justify-content:center;
}

/* صناديق العدّاد – تحسين الشكل */
.mt-3 + .mt-4 .flex[dir="ltr"] .bg-black{
  background: #000 !important;
  border-radius: 12px !important;
  width: 52px; height: 52px;
  box-shadow: 0 10px 20px rgba(0,0,0,.12);
}
.mt-3 + .mt-4 .flex[dir="ltr"] span + span{ font-feature-settings: "tnum"; }

/* ===== شارة FOMO هزازة خفيفة ===== */
.fake_stock_count,
.fake_visitors_container{
  position: relative;
}
.fake_stock_count::before{
  content:"\1F525"; /* 🔥 */
  margin-inline-end:.35rem;
}

/* Mini pulse على “فقط متبقي…” */
.fake_stock_count{
  animation: fomoPulse 2.3s ease-in-out infinite;
}
@keyframes fomoPulse{
  0%,100%{ transform: scale(1); }
  50%{ transform: scale(1.03); }
}


/* ==========================================================
   Responsiveness
   ========================================================== */
@media (max-width: 768px){
  .default_category_card{ padding:10px; }
  .home_section_top_container a{ padding:.35rem .8rem; }
  .mt-3 + .mt-4 .flex[dir="ltr"] .bg-black{ width:48px; height:48px; }
}

/* ==========================================================
   تحسينات صغيرة لِـ RTL والـ Header/Menu
   ========================================================== */
.default_header_container a{ font-weight:600; }
.default_header_logo img{ border-radius: 12px; }


/*=== GLOBAL STYLES ===*/
body{font-family:'Cairo',sans-serif;background:#fff;color:#222;margin:0;padding:0}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button{cursor:pointer;border:none;outline:none}

/*=== HEADER ANNOUNCEMENT BAR ===*/
.announcement-bar{background:#d4af37;color:#fff;text-align:center;padding:8px 10px;font-size:14px;font-weight:bold;animation:slideDown 0.5s ease}
@keyframes slideDown{from{transform:translateY(-100%)}to{transform:translateY(0)}}

/*=== PRODUCT GRID ===*/
.product-card{border:1px solid #eee;border-radius:8px;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 6px rgba(0,0,0,0.05)}
.product-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px rgba(0,0,0,0.1)}
.product-card img{transition:transform .3s ease}
.product-card:hover img{transform:scale(1.05)}
.product-card .title{font-size:14px;font-weight:500;margin:10px 8px;color:#222;min-height:40px}
.product-card .price{font-size:15px;font-weight:bold;color:#d4af37;margin:0 8px 10px}

/*=== FEATURED PRODUCT ===*/
.featured-product{display:flex;flex-wrap:wrap;align-items:center;gap:20px;background:#f9f9f9;padding:20px;border-radius:10px;margin-bottom:20px}
.featured-product img{flex:1;min-width:250px;border-radius:10px}
.featured-product-info{flex:1;min-width:250px}
.featured-product-info h2{font-size:24px;margin-bottom:10px}
.featured-product-info p{font-size:15px;color:#555;margin-bottom:15px}
.featured-product-info .btn{background:#d4af37;color:#fff;padding:10px 20px;border-radius:5px;display:inline-block;transition:background .3s}
.featured-product-info .btn:hover{background:#b8922b}

/*=== POPUP DISCOUNT ===*/
#discount-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);display:none;align-items:center;justify-content:center;z-index:9999}
.popup-content{background:#fff;padding:20px;border-radius:8px;max-width:300px;width:90%;text-align:center;animation:fadeIn 0.3s ease}
.popup-content h3{margin-bottom:10px;color:#222}
.popup-content p{margin-bottom:15px;color:#555;font-size:14px}
#discount-code{background:#f4f4f4;padding:10px;border-radius:5px;font-weight:bold;margin-bottom:10px;cursor:pointer}
.popup-content .close-btn{background:#ccc;color:#222;padding:8px 15px;border-radius:4px;display:inline-block;margin-top:10px}
.popup-content .close-btn:hover{background:#bbb}
.copy-success{position:fixed;top:20px;left:50%;transform:translateX(-50%);background:#4caf50;color:#fff;padding:8px 12px;border-radius:5px;display:none;z-index:10000;font-size:14px}
@keyframes fadeIn{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}

/*=== PRODUCT PAGE COUNTDOWN & FOMO ===*/
.countdown-timer{margin-top:10px;font-weight:bold;color:#d9534f;font-size:14px}
.fomo-msg{color:#28a745;font-size:13px;margin-top:5px}

/*=== REVIEWS & RELATED ===*/
.reviews-section,.related-products{margin-top:30px;padding:15px;background:#fafafa;border-radius:8px}
.reviews-section h3,.related-products h3{margin-bottom:15px;font-size:18px;border-bottom:2px solid #eee;padding-bottom:5px}

/*=== MINOR FIXES ===*/
.hide{display:none!important}




/*=== JS FUNCTIONALITY ===*/
document.addEventListener("DOMContentLoaded",function(){
  /* Insert Announcement Bar */
  let bar=document.createElement("div");
  bar.className="announcement-bar";
  bar.innerText="🔥 خصم 25% لمدة أسبوع + شحن مجاني للطلبات فوق 1500 جنيه 🔥";
  document.body.prepend(bar);

  /* Show Popup after 5s (once per session) */
  if(!sessionStorage.getItem("popupShown")){
    setTimeout(function(){
      document.getElementById("discount-popup").style.display="flex";
      sessionStorage.setItem("popupShown","true");
    },5000);
  }

  /* Copy Discount Code */
  document.getElementById("discount-code").addEventListener("click",function(){
    navigator.clipboard.writeText(this.innerText).then(()=>{
      document.querySelector(".copy-success").style.display="block";
      setTimeout(()=>{document.querySelector(".copy-success").style.display="none"},3000);
      document.getElementById("discount-popup").style.display="none";
    });
  });

  /* Close Popup */
  document.querySelector(".close-btn").addEventListener("click",function(){
    document.getElementById("discount-popup").style.display="none";
  });

  /* Countdown Timer Example */
  let countdownEl=document.querySelector(".countdown-timer");
  if(countdownEl){
    let endDate=new Date();endDate.setDate(endDate.getDate()+3);
    let x=setInterval(function(){
      let now=new Date().getTime();
      let distance=endDate-now;
      if(distance<0){clearInterval(x);countdownEl.innerHTML="انتهى العرض"}
      else{
        let d=Math.floor(distance/(1000*60*60*24));
        let h=Math.floor((distance%(1000*60*60*24))/(1000*60*60));
        let m=Math.floor((distance%(1000*60*60))/(1000*60));
        let s=Math.floor((distance%(1000*60))/1000);
        countdownEl.innerHTML=`الفرصة هتنتهي خلال: ${d}ي ${h}س ${m}د ${s}ث`;
      }
    },1000);
  }
});




<!--=== POPUP HTML (Add before </body>) ===-->
<div id="discount-popup">
  <div class="popup-content">
    <h3>خصم خاص لك!</h3>
    <p>انسخ الكود أدناه واحصل على خصم 25% على طلبك.</p>
    <div id="discount-code">HOUR25</div>
    <div class="close-btn">إغلاق</div>
  </div>
</div>
<div class="copy-success">✅ تم النسخ! إلحقي إستفيدي بالخصم</div>

<!--=== COUNTDOWN & FOMO (Inside Product Page under Price) ===-->
<div class="countdown-timer"></div>
<div class="fomo-msg">⚡ أكثر من 15 عميل اشتروا هذا المنتج خلال الـ24 ساعة الماضية!</div>



/* ===== Center Home & Categories (drop at end of file) ===== */
:root{--page-max:1200px;}
/* حاويات الهوم والكاروُسيل */
.content_container,.home_products_grid_container,.products_grid_container,.default_product_list_container,.carouselWrapper{max-width:var(--page-max);margin-inline:auto;}
/* ترويسة أقسام الهوم */
.home_section_top_container{justify-content:center!important;flex-wrap:wrap;gap:.5rem;text-align:center;}
.home_section_top_container .home_section_top_title{margin-inline:auto;}
/* خلي "المزيد" تحت العنوان وبالنص */
.home_section_top_container a{order:2;width:auto;margin-inline:auto;}
/* بطاقات الأقسام */
.default_category_card{text-align:center;}
.default_category_card_name{justify-content:center;text-align:center;}
/* سلايدر الأقسام يبقى مُحاذي في النص */
.carouselWrapper .swiper{margin-inline:auto;}
/* شبكات المنتجات: وسّط العناصر والنصوص */
.home_products_grid_container,.products_grid_container{justify-content:center;}
.home_products_grid_card h3,.products_grid_card h3,.default_product_list_card h3{text-align:center;margin-inline:auto;}
/* السعر في النص */
.home_products_grid_card .flex.items-center.text-heading,
.products_grid_card .flex.items-center.text-heading,
.default_product_list_card .flex.items-center.text-heading{justify-content:center;}
/* زرار/بادجات الخصم في الكارد تفضل مظبوطة */
.products_grid_card del,.home_products_grid_card del{margin-inline-start:.4rem;}
/* المميز/Featured لو موجود في الهوم */
.featured-product{max-width:var(--page-max);margin-inline:auto;}
.featured-product-info{text-align:center;}
.featured-product-info .btn{margin-inline:auto;display:inline-block;}
/* تظبيط صغير على الموبايل */
@media(max-width:768px){
  .home_section_top_container a{width:fit-content}
}


:root{--page-max:1200px}
.home_section_top_container{max-width:var(--page-max);margin:0 auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:.35rem;text-align:center}
.home_section_top_container .home_section_top_title{margin:0 auto;position:relative}
.home_section_top_container .home_section_top_title::after{content:"";display:block;width:48px;height:3px;background:#121212;border-radius:3px;margin:.5rem auto 0}
.home_section_top_container>a{order:2;display:inline-flex;align-items:center;justify-content:center;padding:.4rem .9rem;border:1px solid #e5e7eb;border-radius:999px;font-weight:600;transition:all .25s ease;margin:.25rem auto 0}
.home_section_top_container>a:hover{border-color:#111;transform:translateY(-1px)}
.carouselWrapper,.carouselWrapper .swiper,.home_products_grid_container,.products_grid_container,.default_product_list_container{max-width:var(--page-max);margin-inline:auto}
.default_category_card{text-align:center}
.default_category_card_name{justify-content:center}
.products_grid_container .products_grid_card h3,.home_products_grid_container .home_products_grid_card h3,.default_product_list_card h3{text-align:center;margin:0 auto}
.products_grid_container .flex.items-center.text-heading,.home_products_grid_container .flex.items-center.text-heading,.default_product_list_card .flex.items-center.text-heading{justify-content:center}
@media(max-width:768px){.home_section_top_container>a{width:fit-content}}