/* ============================================================
   SR TURKISH STORE — Ana Stil
   Estetik: pudra pembe / krem / zarif serif
   ============================================================ */

:root{
  --rose:        #e7b9b6;
  --rose-deep:   #d49a96;
  --rose-soft:   #f4dedb;
  --blush-bg:    #f7ebe8;
  --cream:       #fbf8f6;
  --ink:         #2a2422;
  --brown:       #7a5852;
  --muted:       #9a8d88;
  --line:        #ece4e0;
  --shadow:      0 10px 40px rgba(122,88,82,.10);
}

*{ box-sizing:border-box; }
body{
  font-family:'Jost', system-ui, sans-serif;
  color:var(--ink);
  background:var(--cream);
  font-weight:300;
  letter-spacing:.2px;
}
h1,h2,h3,h4,h5,.serif{ font-family:'Playfair Display', Georgia, serif; }
a{ text-decoration:none; color:inherit; transition:color .2s, opacity .2s; }
img{ max-width:100%; }
.text-rose{ color:var(--rose-deep)!important; }
.bg-blush{ background:var(--blush-bg)!important; }

/* ---------- Butonlar ---------- */
.btn{ border-radius:0; font-weight:400; letter-spacing:1.5px; text-transform:uppercase;
      font-size:.78rem; padding:.85rem 2rem; transition:all .25s; }
.btn-rose{ background:var(--rose); color:#fff; border:1px solid var(--rose); }
.btn-rose:hover{ background:var(--rose-deep); border-color:var(--rose-deep); color:#fff; }
.btn-wa{ background:#25d366; border:1px solid #25d366; color:#fff; }
.btn-wa:hover{ background:#1da851; border-color:#1da851; color:#fff; }
.btn-dark{ background:var(--ink); border-color:var(--ink); }
.btn-dark:hover{ background:#000; border-color:#000; }
.btn-outline-dark{ border:1px solid var(--ink); color:var(--ink); }
.btn-outline-dark:hover{ background:var(--ink); color:#fff; }
.btn-outline-rose{ border:1px solid var(--rose-deep); color:var(--rose-deep); background:transparent; }
.btn-outline-rose:hover{ background:var(--rose-deep); color:#fff; }
.btn-lg{ padding:1rem 2.6rem; }

/* ---------- Üst çubuk ---------- */
.top-bar{
  background:var(--ink); color:#f1e7e4;
  font-size:.74rem; letter-spacing:1px; padding:.5rem 1rem; text-transform:uppercase;
}
.top-bar i{ color:var(--rose); }

/* ---------- Navbar ---------- */
.site-nav{ background:var(--cream); border-bottom:1px solid var(--line); padding:.6rem 0; }
.navbar-brand img{ height:54px; width:auto; }
.brand-fallback{ font-family:'Playfair Display',serif; font-size:1.6rem; font-weight:600; color:var(--ink); }
.brand-fallback small{ display:block; font-size:.55rem; letter-spacing:3px; color:var(--brown); text-transform:uppercase; }
.site-nav .nav-link{
  text-transform:uppercase; letter-spacing:2px; font-size:.8rem; color:var(--ink)!important;
  font-weight:400; margin:0 .5rem; position:relative;
}
.site-nav .nav-link::after{
  content:''; position:absolute; left:50%; bottom:2px; width:0; height:1px;
  background:var(--rose-deep); transition:all .3s; transform:translateX(-50%);
}
.site-nav .nav-link:hover::after{ width:60%; }
.dropdown-menu{ border:none; box-shadow:var(--shadow); border-radius:8px; padding:.5rem 0; }
.dropdown-item{ font-size:.85rem; padding:.5rem 1.3rem; }
.dropdown-item:hover{ background:var(--rose-soft); color:var(--ink); }

.nav-icons .icon-link{ font-size:1.25rem; color:var(--ink); }
.nav-icons .icon-link:hover{ color:var(--rose-deep); }
.cart-badge{
  position:absolute; top:-8px; right:-10px; background:var(--rose-deep); color:#fff;
  font-size:.62rem; min-width:17px; height:17px; border-radius:50%;
  display:flex; align-items:center; justify-content:center; font-family:'Jost';
}
.nav-search{ position:relative; display:flex; align-items:center; }
.nav-search input{
  border:1px solid var(--line); background:#fff; border-radius:30px;
  padding:.4rem 2.2rem .4rem 1rem; font-size:.82rem; width:160px; transition:width .3s;
}
.nav-search input:focus{ outline:none; border-color:var(--rose); width:200px; }
.nav-search button{ position:absolute; right:8px; background:none; border:none; color:var(--muted); }

/* ---------- Hero ---------- */
.hero{
  position:relative; overflow:hidden;
  /* Sol %30 pembe → %50'ye kadar beyaza geçiş — tüm hero'yu doldurur, altta boşluk bırakmaz */
  background:linear-gradient(to right, #f4e1dd 0 30%, #ffffff 50% 100%);
}
.hero-grid{
  display:grid;
  grid-template-columns:50% 50%;   /* sabit yarı yarıya */
  align-items:stretch;
}
.hero-image{
  position:relative;
  min-height:clamp(460px, 82vh, 780px);   /* yükseklik ekrana göre kendini ayarlar */
}
.hero-image img{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:contain;            /* görselin TAMAMI görünür, asla kırpılmaz */
  object-position:center;
  padding:4% 6% 4% 8%;           /* üst/sağ/alt/sol nefes payı → görsel asla kenara dayanmaz/kesilmez */
  box-sizing:border-box;
}
.hero-content{
  display:flex; flex-direction:column; justify-content:center;
  padding:3rem 3.5rem 3rem 3.5rem; position:relative; z-index:2;
}
.hero-overline{ color:var(--rose-deep); letter-spacing:5px; font-size:.85rem; text-transform:uppercase; margin-bottom:1rem; }
.hero-title{ font-size:5rem; line-height:.95; font-weight:600; color:var(--ink); margin:0; }
.hero-title span{ display:block; }
.hero-title .t2{ font-size:3.4rem; font-weight:400; letter-spacing:2px; }
.hero-divider{ display:flex; align-items:center; gap:12px; margin:1.8rem 0; max-width:340px; }
.hero-divider .line{ flex:1; height:1px; background:var(--rose); }
.hero-divider .dot{ color:var(--rose-deep); }
.hero-text{ color:var(--brown); font-size:1.05rem; max-width:420px; line-height:1.8; margin-bottom:2rem; }

/* Hero alt özellikler */
.hero-features{ display:flex; gap:2.5rem; margin-top:2.5rem; }
.hero-feature{ text-align:center; }
.hero-feature i{ font-size:1.6rem; color:var(--rose-deep); }
.hero-feature span{ display:block; font-size:.66rem; letter-spacing:2px; text-transform:uppercase; color:var(--brown); margin-top:.4rem; }

/* ---------- Bölüm başlıkları ---------- */
.section{ padding:5rem 0; }
.section-head{ text-align:center; margin-bottom:3rem; }
.section-head .overline{ color:var(--rose-deep); letter-spacing:4px; font-size:.78rem; text-transform:uppercase; }
.section-head h2{ font-size:2.6rem; margin:.5rem 0 0; }
.section-head .sub{ color:var(--muted); margin-top:.6rem; }
.deco-line{ display:inline-flex; align-items:center; gap:10px; margin-top:.8rem; }
.deco-line .line{ width:50px; height:1px; background:var(--rose); }
.deco-line .dot{ color:var(--rose-deep); font-size:.7rem; }

/* ---------- Ürün kartı ---------- */
.product-card{
  background:#fff; border:1px solid var(--line); position:relative; height:100%;
  transition:transform .3s, box-shadow .3s; overflow:hidden;
}
.product-card:hover{ transform:translateY(-6px); box-shadow:var(--shadow); }
.product-thumb{ display:block; position:relative; overflow:hidden; aspect-ratio:3/4; background:var(--rose-soft); }
.product-thumb img{ width:100%; height:100%; object-fit:cover; transition:transform .6s; }
.product-card:hover .product-thumb img{ transform:scale(1.05); }
.product-badge{
  position:absolute; top:12px; left:12px; background:var(--rose-deep); color:#fff;
  font-size:.62rem; letter-spacing:1px; padding:.3rem .7rem; text-transform:uppercase; z-index:2;
}
.product-badge.sale{ background:var(--ink); }
.product-quickbtn{
  position:absolute; bottom:0; left:0; right:0; background:rgba(42,36,34,.9); color:#fff;
  text-align:center; padding:.8rem; font-size:.75rem; letter-spacing:2px; text-transform:uppercase;
  transform:translateY(100%); transition:transform .3s;
}
.product-card:hover .product-quickbtn{ transform:translateY(0); }
.product-info{ padding:1.1rem 1.2rem 1.4rem; text-align:center; }
.product-cat{ font-size:.66rem; letter-spacing:2px; text-transform:uppercase; color:var(--rose-deep); }
.product-name{ font-family:'Playfair Display',serif; font-size:1.05rem; margin:.4rem 0; color:var(--ink); display:block; }
.product-name:hover{ color:var(--rose-deep); }
.product-price{ font-size:1rem; color:var(--ink); }
.product-price .old{ color:var(--muted); text-decoration:line-through; font-size:.85rem; margin-right:.4rem; }
.product-price .new{ color:var(--rose-deep); font-weight:500; }

/* ---------- Özellik şeridi ---------- */
.features-strip{ background:var(--blush-bg); padding:3rem 0; }
.feature-item{ text-align:center; padding:1rem; }
.feature-item i{ font-size:2.2rem; color:var(--rose-deep); }
.feature-item h6{ font-family:'Jost'; letter-spacing:2px; text-transform:uppercase; font-size:.85rem; margin:.8rem 0 .3rem; }
.feature-item p{ color:var(--muted); font-size:.85rem; margin:0; }

/* ---------- Kategori vitrin ---------- */
.cat-card{ position:relative; overflow:hidden; display:block; aspect-ratio:1/1; background:var(--rose-soft); }
.cat-card img{ width:100%; height:100%; object-fit:cover; transition:transform .6s; }
.cat-card:hover img{ transform:scale(1.08); }
.cat-card .overlay{
  position:absolute; inset:0; background:linear-gradient(transparent 40%, rgba(42,36,34,.55));
  display:flex; align-items:flex-end; justify-content:center; padding-bottom:1.6rem;
}
.cat-card .overlay span{ color:#fff; font-family:'Playfair Display',serif; font-size:1.4rem; letter-spacing:1px; }

/* ---------- Banner / CTA ---------- */
.cta-band{ background:var(--ink); color:#fff; padding:4.5rem 0; text-align:center; }
.cta-band h2{ font-size:2.6rem; }
.cta-band p{ color:#cbb8b3; max-width:520px; margin:1rem auto 2rem; }

/* ---------- Sayfa başlığı ---------- */
.page-hero{ background:var(--blush-bg); padding:3.5rem 0; text-align:center; }
.page-hero h1{ font-size:2.8rem; margin:0; }
.breadcrumb-rose{ justify-content:center; --bs-breadcrumb-divider-color:var(--rose-deep); }
.breadcrumb-rose .breadcrumb-item a{ color:var(--brown); }
.breadcrumb-rose .breadcrumb-item.active{ color:var(--muted); }

/* ---------- Ürün detay ---------- */
.pd-gallery .main-img{ background:var(--rose-soft); aspect-ratio:3/4; overflow:hidden; }
.pd-gallery .main-img img{ width:100%; height:100%; object-fit:cover; }
.pd-thumbs{ display:flex; gap:.6rem; margin-top:.8rem; flex-wrap:wrap; }
.pd-thumbs img{ width:78px; height:100px; object-fit:cover; cursor:pointer; border:1px solid var(--line); opacity:.7; }
.pd-thumbs img:hover, .pd-thumbs img.active{ opacity:1; border-color:var(--rose-deep); }
.pd-cat{ color:var(--rose-deep); letter-spacing:3px; text-transform:uppercase; font-size:.78rem; }
.pd-title{ font-size:2.4rem; margin:.5rem 0; }
.pd-price{ font-size:1.7rem; color:var(--ink); margin:1rem 0; }
.pd-price .old{ color:var(--muted); text-decoration:line-through; font-size:1.1rem; margin-right:.6rem; }
.pd-price .new{ color:var(--rose-deep); }
.pd-currencies{ display:flex; align-items:center; gap:.6rem; flex-wrap:wrap; color:var(--muted); font-size:.85rem; margin:-.3rem 0 1.2rem; }
.pd-currencies .cur-chip{ background:var(--rose-soft); color:var(--brown); padding:.25rem .75rem; border-radius:30px; }
.pd-currencies .cur-chip small{ opacity:.65; }
.size-btn{ min-width:48px; border:1px solid var(--line); background:#fff; padding:.5rem .8rem; cursor:pointer; }
.size-btn.active{ border-color:var(--rose-deep); background:var(--rose-soft); }
.qty-box{ display:inline-flex; border:1px solid var(--line); }
.qty-box button{ width:42px; border:none; background:#fff; font-size:1.1rem; }
.qty-box input{ width:54px; text-align:center; border:none; border-left:1px solid var(--line); border-right:1px solid var(--line); }
.pd-meta{ border-top:1px solid var(--line); margin-top:2rem; padding-top:1.5rem; }
.pd-meta div{ padding:.35rem 0; color:var(--brown); font-size:.9rem; }
.pd-meta b{ color:var(--ink); display:inline-block; min-width:120px; font-weight:500; }
.stock-in{ color:#3b8c5a; } .stock-low{ color:#c08a2d; } .stock-out{ color:#c0392b; }

/* ---------- Kartlar / paneller ---------- */
.soft-card{ background:#fff; border:1px solid var(--line); border-radius:12px; padding:1.8rem; box-shadow:var(--shadow); }
.form-label{ font-size:.82rem; letter-spacing:.5px; color:var(--brown); text-transform:uppercase; font-weight:400; }
.form-control, .form-select{ border-radius:6px; border:1px solid var(--line); padding:.7rem .9rem; }
.form-control:focus, .form-select:focus{ border-color:var(--rose); box-shadow:0 0 0 .2rem rgba(231,185,182,.25); }

/* ---------- Hesap sayfası ---------- */
.account-tabs .nav-link{ color:var(--brown); border-radius:0; border-left:2px solid transparent; text-align:left; }
.account-tabs .nav-link.active{ background:var(--rose-soft); color:var(--ink); border-left-color:var(--rose-deep); }
.address-card{ border:1px solid var(--line); border-radius:10px; padding:1.2rem; position:relative; height:100%; }
.address-card .title{ font-weight:500; color:var(--rose-deep); text-transform:uppercase; letter-spacing:1px; font-size:.78rem; }

/* Ödeme yöntemi seçenekleri */
.payment-opts{ display:flex; flex-direction:column; gap:.6rem; }
.pay-opt{ display:flex; align-items:flex-start; gap:.6rem; border:1px solid var(--line); border-radius:10px; padding:.75rem .9rem; cursor:pointer; transition:.2s; }
.pay-opt:has(input:checked){ border-color:var(--rose-deep); background:var(--rose-soft); }
.pay-opt input{ margin-top:.2rem; accent-color:var(--rose-deep); }
.pay-opt .pay-body{ display:flex; flex-direction:column; line-height:1.35; }
.pay-opt .pay-body i{ display:none; }
.pay-opt b{ font-size:.9rem; }
.pay-opt small{ color:var(--muted); font-size:.78rem; }

/* ---------- Sipariş durumu rozetleri ---------- */
.status-badge{ font-size:.72rem; padding:.35rem .8rem; border-radius:30px; letter-spacing:.5px; }
.st-Beklemede{ background:#fff3e0; color:#b3791b; }
.st-Onaylandı{ background:#e3f0ff; color:#2563a8; }
.st-Kargoda{ background:#e7e0ff; color:#5b46b3; }
.st-Tamamlandı{ background:#e3f5e9; color:#2f8a55; }
.st-İptal{ background:#fde8e6; color:#c0392b; }

/* ---------- Footer ---------- */
.site-footer{ background:#1f1a18; color:#cdbfba; padding:4rem 0 1.5rem; margin-top:4rem; }
.footer-brand{ font-family:'Playfair Display',serif; color:#fff; font-size:1.7rem; }
.footer-brand span{ font-size:.95rem; letter-spacing:3px; color:var(--rose); display:block; text-transform:uppercase; }
.footer-about{ font-size:.9rem; line-height:1.8; margin-top:1rem; max-width:320px; }
.site-footer h6{ color:#fff; letter-spacing:2px; text-transform:uppercase; font-size:.82rem; margin-bottom:1.1rem; }
.site-footer ul{ list-style:none; padding:0; }
.site-footer ul li{ margin-bottom:.6rem; }
.site-footer ul li a{ color:#cdbfba; font-size:.9rem; }
.site-footer ul li a:hover{ color:var(--rose); }
.social-links a{ display:inline-flex; width:38px; height:38px; border:1px solid #4a3f3b; border-radius:50%;
  align-items:center; justify-content:center; margin-right:.5rem; color:#cdbfba; }
.social-links a:hover{ background:var(--rose-deep); border-color:var(--rose-deep); color:#fff; }
.footer-contact div{ font-size:.85rem; margin-bottom:.5rem; }
.footer-divider{ border-color:#3a322f; margin:2.5rem 0 1.2rem; }
.text-muted-light{ color:#9a8d88!important; }
.payment-icons i{ font-size:1.1rem; margin-right:.3rem; color:var(--rose); }

/* ---------- Yüzen butonlar ---------- */
.whatsapp-float{
  position:fixed; right:22px; bottom:22px; width:54px; height:54px; background:#25d366;
  color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center;
  font-size:1.7rem; box-shadow:0 6px 20px rgba(37,211,102,.4); z-index:999;
}
.whatsapp-float:hover{ color:#fff; transform:scale(1.08); }
.back-to-top{
  position:fixed; right:24px; bottom:86px; width:46px; height:46px; border:none;
  background:var(--ink); color:#fff; border-radius:50%; opacity:0; pointer-events:none;
  transition:opacity .3s; z-index:999;
}
.back-to-top.show{ opacity:1; pointer-events:auto; }

/* ---------- Boş durum ---------- */
.empty-state{ text-align:center; padding:4rem 1rem; }
.empty-state i{ font-size:4rem; color:var(--rose); }
.empty-state h4{ margin-top:1rem; }

/* ---------- AI Stüdyo ---------- */
.step-no{ display:inline-flex; width:26px; height:26px; border-radius:50%; background:var(--rose-deep); color:#fff;
  align-items:center; justify-content:center; font-size:.85rem; margin-right:.4rem; }
.upload-zone{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.3rem;
  border:2px dashed var(--rose); border-radius:12px; padding:2rem 1rem; cursor:pointer; color:var(--brown);
  background:var(--cream); transition:.2s; text-align:center; }
.upload-zone:hover{ background:var(--rose-soft); border-color:var(--rose-deep); }
.upload-zone i{ font-size:2rem; color:var(--rose-deep); }
.upload-zone small{ color:var(--muted); }
.upload-zone.sm{ padding:1.3rem 1rem; }
.catalog-strip{ display:flex; gap:.5rem; overflow-x:auto; padding-bottom:.4rem; }
.catalog-pick{ flex:0 0 auto; width:60px; height:76px; border:1px solid var(--line); border-radius:8px; overflow:hidden; padding:0; background:none; cursor:pointer; }
.catalog-pick:hover{ border-color:var(--rose-deep); }
.catalog-pick img{ width:100%; height:100%; object-fit:cover; }
.thumb-grid{ display:flex; flex-wrap:wrap; gap:.7rem; }
.prod-item{ display:flex; flex-direction:column; gap:.25rem; width:88px; }
.prod-item .prod-type{ font-size:.7rem; padding:.15rem .35rem; border-radius:6px; }
.studio-thumb{ position:relative; width:84px; height:104px; border-radius:8px; overflow:hidden; border:1px solid var(--line); }
.studio-thumb.person{ width:104px; }
.studio-thumb img{ width:100%; height:100%; object-fit:cover; }
.studio-thumb button{ position:absolute; top:2px; right:2px; width:20px; height:20px; border:none; border-radius:50%;
  background:rgba(42,36,34,.75); color:#fff; font-size:.9rem; line-height:1; cursor:pointer; }
.pose-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(96px,1fr)); gap:.6rem; }
.pose-card{ display:flex; flex-direction:column; align-items:center; gap:.3rem; border:1px solid var(--line);
  border-radius:10px; padding:.9rem .4rem; cursor:pointer; transition:.2s; text-align:center; font-size:.78rem; color:var(--brown); }
.pose-card i{ font-size:1.4rem; color:var(--rose-deep); }
.pose-card input{ display:none; }
.pose-card:has(input:checked){ border-color:var(--rose-deep); background:var(--rose-soft); }
.result-grid{ display:flex; flex-direction:column; gap:1rem; max-height:78vh; overflow-y:auto; }
.result-card{ border:1px solid var(--line); border-radius:12px; overflow:hidden; background:#fff; }
.result-card .rc-body{ display:flex; align-items:center; justify-content:center; min-height:220px; background:var(--rose-soft); }
.result-card .rc-body img{ width:100%; display:block; }
.result-card.loading .rc-body{ background:linear-gradient(120deg,#e7b9b6,#d49a96); }
.result-card.error .rc-body{ background:#fdecea; color:#c0392b; min-height:120px; }
.result-card .rc-label{ padding:.6rem .9rem; font-size:.85rem; color:var(--ink); }
.result-card .rc-label a{ color:var(--rose-deep); }

/* ---------- Kampanya banner & Lookbook ---------- */
.banner-slide{ display:flex; align-items:center; justify-content:center; min-height:360px;
  background:var(--rose-soft) center/cover no-repeat; text-align:center; color:#fff; text-decoration:none; }
.banner-overlay{ background:rgba(42,36,34,.38); padding:1.8rem 2.6rem; border-radius:12px; }
.banner-sub{ letter-spacing:3px; text-transform:uppercase; font-size:.82rem; display:block; }
.banner-title{ font-size:2.6rem; color:#fff; margin:.4rem 0; }
.lookbook-grid{ columns:4 240px; column-gap:1rem; }
.lb-item{ display:block; margin:0 0 1rem; position:relative; break-inside:avoid; border-radius:10px; overflow:hidden; background:var(--rose-soft); }
.lb-item img{ width:100%; display:block; transition:transform .5s; }
a.lb-item:hover img{ transform:scale(1.05); }
.lb-item .lb-cap{ position:absolute; left:0; right:0; bottom:0; color:#fff; padding:1.6rem .9rem .8rem;
  background:linear-gradient(transparent, rgba(42,36,34,.75)); font-family:'Playfair Display', serif; }
@media(max-width:768px){ .banner-slide{ min-height:220px; } .banner-title{ font-size:1.7rem; } }

/* ---------- Dil / Para birimi seçici & RTL ---------- */
.switch-link{ font-size:.82rem; letter-spacing:.5px; font-weight:500; }
.nav-icons .dropdown-menu{ min-width:auto; }
body.lang-ar{ font-family:'Cairo', 'Jost', sans-serif; }
body.lang-ar .serif, body.lang-ar h1, body.lang-ar h2, body.lang-ar h3,
body.lang-ar h4, body.lang-ar h5, body.lang-ar .hero-title{ font-family:'Cairo', 'Playfair Display', serif; }
[dir=rtl] .nav-search input{ padding:.4rem 1rem .4rem 2.2rem; }
[dir=rtl] .nav-search button{ right:auto; left:8px; }
[dir=rtl] .hero-image img{ object-position:left center; padding-left:0; padding-right:10%; }
[dir=rtl] .hero{ background:linear-gradient(to left, #f4e1dd 0 30%, #ffffff 50% 100%); }
[dir=rtl] .pd-meta b{ min-width:120px; }
[dir=rtl] .cart-badge{ right:auto; left:-10px; }
[dir=rtl] .whatsapp-float{ right:auto; left:22px; }
[dir=rtl] .back-to-top{ right:auto; left:24px; }

/* ---------- Responsive ---------- */
@media (max-width: 991px){
  .hero{ background:#fff; }                 /* mobilde dikey istif → düz beyaz zemin */
  .hero-grid{ grid-template-columns:1fr; }
  .hero-image{ height:clamp(340px, 56vh, 540px); min-height:0; order:-1; background:#f4e1dd; }
  .hero-image img{ object-position:center center; padding:5% 6%; }  /* mobilde ortalı, nefes paylı */
  .hero-content{ padding:2.5rem 1.5rem; }
  .hero-title{ font-size:3.4rem; }
  .hero-title .t2{ font-size:2.4rem; }
  .nav-search{ display:none; }
  .navbar-nav{ padding:1rem 0; }
  .hero-features{ gap:1.2rem; justify-content:space-between; }
}
@media (max-width: 575px){
  .hero-title{ font-size:2.7rem; }
  .section{ padding:3rem 0; }
  .section-head h2{ font-size:2rem; }
}