/* ═══════════════════════════════════════════════════════════
   SHOP / PRODUCTS PAGE  ·  shop.css
   ═══════════════════════════════════════════════════════════ */

/* ─────────────────── HERO ─────────────────── */
.sh-hero {
  position: relative;
  padding: 9rem 0 5rem;
  overflow: hidden;
}
.sh-hero::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(20,184,166,0.3) 50%, transparent 100%);
}
.sh-hero-glow {
  position: absolute;
  top: -30%; right: -10%;
  width: 700px; height: 700px;
  background: radial-gradient(ellipse, rgba(20,184,166,0.1) 0%, transparent 60%);
  pointer-events: none;
}
.sh-hero-glow-2 {
  position: absolute;
  bottom: -20%; left: -5%;
  width: 500px; height: 500px;
  background: radial-gradient(ellipse, rgba(20,184,166,0.05) 0%, transparent 65%);
  pointer-events: none;
}
.sh-eyebrow {
  display: flex; align-items: center; gap: .6rem;
  margin-bottom: 1.5rem;
}
.sh-eyebrow-line {
  width: 2rem; height: 1px; background: var(--teal);
}
.sh-title {
  margin: 0 0 1.25rem;
  line-height: 1;
}
.sh-t1 {
  display: block;
  font-size: clamp(.85rem, 2vw, 1.05rem);
  font-weight: 400; color: var(--subtle);
  letter-spacing: .01em; margin-bottom: .5rem;
}
.sh-t2 {
  display: block;
  font-family: var(--display);
  font-size: clamp(3rem, 8vw, 6.5rem);
  font-weight: 900; letter-spacing: -.04em;
  background: linear-gradient(120deg, #fff 20%, rgba(20,184,166,0.55) 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  background-clip: text; line-height: 1;
}
.sh-dot { -webkit-text-fill-color: var(--teal); color: var(--teal); }

.sh-hero-body {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: flex-end;
  gap: 3rem;
  margin-top: 1.5rem;
}
.sh-subtitle {
  max-width: 520px;
  font-size: .97rem;
  color: var(--subtle);
  line-height: 1.85;
}
.sh-trust {
  display: flex; flex-direction: column; gap: .55rem;
  flex-shrink: 0;
}
.sh-trust-item {
  display: flex; align-items: center; gap: .65rem;
  font-family: var(--mono); font-size: .7rem;
  color: rgba(255,255,255,0.45);
}
.sh-trust-item i {
  width: 28px; height: 28px;
  background: rgba(20,184,166,0.1);
  border: 1px solid rgba(20,184,166,0.2);
  border-radius: 8px;
  display: flex; align-items: center; justify-content: center;
  color: var(--teal); font-size: .65rem; flex-shrink: 0;
}
@media (max-width: 680px) {
  .sh-hero-body { grid-template-columns: 1fr; }
  .sh-trust { flex-direction: row; flex-wrap: wrap; }
}

/* ─────────────────── TOOLBAR ─────────────────── */
.sh-toolbar-wrap {
  position: sticky; top: 64px; z-index: 200;
  background: rgba(3,10,8,0.9);
  backdrop-filter: blur(20px) saturate(180%);
  border-bottom: 1px solid rgba(255,255,255,0.06);
  transition: box-shadow .3s ease;
}
.sh-toolbar-wrap.is-stuck {
  box-shadow: 0 12px 48px rgba(0,0,0,0.5),
              0 1px 0 rgba(20,184,166,0.15);
}
.sh-toolbar {
  display: flex; align-items: center;
  gap: 1.5rem; padding: .9rem 0;
  flex-wrap: wrap;
}

/* Filter pills */
.sh-filters { display: flex; gap: .35rem; flex-wrap: wrap; flex: 1; }
.shf-btn {
  display: inline-flex; align-items: center; gap: .45rem;
  padding: .38rem 1rem;
  border-radius: 6px;
  font-size: .72rem; font-family: var(--mono); font-weight: 500;
  letter-spacing: .04em;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.03);
  color: rgba(255,255,255,0.4); cursor: pointer;
  transition: all .2s ease;
  white-space: nowrap;
}
.shf-btn:hover {
  background: rgba(20,184,166,0.08);
  border-color: rgba(20,184,166,0.3);
  color: rgba(255,255,255,0.75);
}
.shf-btn.active {
  background: rgba(20,184,166,0.15);
  border-color: rgba(20,184,166,0.45);
  color: var(--teal);
  box-shadow: 0 0 12px rgba(20,184,166,0.15);
}
.shf-count {
  background: rgba(255,255,255,0.08);
  border-radius: 4px;
  padding: .05rem .35rem;
  font-size: .62rem; font-weight: 700;
  min-width: 16px; text-align: center;
}
.shf-btn.active .shf-count {
  background: rgba(20,184,166,0.2);
}

/* Divider between filters and sort */
.sh-toolbar-sep {
  width: 1px; height: 24px;
  background: rgba(255,255,255,0.08);
  flex-shrink: 0;
}

/* Sort — custom select */
.sh-sort {
  position: relative;
  display: flex; align-items: center;
  flex-shrink: 0;
}
.sh-sort-label {
  font-family: var(--mono); font-size: .68rem;
  color: rgba(255,255,255,0.3);
  margin-right: .5rem; white-space: nowrap;
}
.sh-sort select {
  appearance: none; -webkit-appearance: none;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 8px;
  color: rgba(255,255,255,0.65);
  font-size: .72rem; font-family: var(--mono);
  font-weight: 500;
  padding: .42rem 2.2rem .42rem .9rem;
  cursor: pointer;
  transition: border-color .2s, background .2s;
  outline: none;
}
.sh-sort select:focus,
.sh-sort select:hover {
  border-color: rgba(20,184,166,0.4);
  background: rgba(20,184,166,0.07);
  color: rgba(255,255,255,0.85);
}
/* Style the dropdown options */
.sh-sort select option {
  background: #050f0c;
  color: rgba(255,255,255,0.8);
}
.sh-sort-icon {
  position: absolute; right: .7rem;
  color: rgba(255,255,255,0.3); font-size: .58rem; pointer-events: none;
  transition: color .2s;
}
.sh-sort:hover .sh-sort-icon,
.sh-sort select:focus + .sh-sort-icon { color: var(--teal); }

/* Results count */
.sh-results-count {
  font-family: var(--mono); font-size: .68rem;
  color: rgba(255,255,255,0.3);
  white-space: nowrap; flex-shrink: 0;
}
.sh-results-count span { color: var(--teal); font-weight: 700; }

/* ─────────────────── GRID SECTION ─────────────────── */
.sh-grid-sec { padding: 3.5rem 0 7rem; }

/* ─────────────────── PRODUCT CARD ─────────────────── */
/* Horizontal landscape card — entirely different from project cards */
.sh-grid {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.shcard {
  display: grid;
  grid-template-columns: 340px 1fr;
  align-items: stretch;
  border-top: 1px solid rgba(255,255,255,0.06);
  cursor: pointer;
  position: relative;
  opacity: 0; transform: translateY(16px);
  transition: opacity .5s ease, transform .5s var(--bounce);
}
.sh-grid .shcard:last-child { border-bottom: 1px solid rgba(255,255,255,0.06); }

.shcard.shcard-in { opacity: 1; transform: translateY(0); }

/* Left accent bar — appears on hover */
.shcard::before {
  content: '';
  position: absolute; left: 0; top: 0; bottom: 0;
  width: 2px;
  background: var(--teal);
  transform: scaleY(0);
  transform-origin: bottom;
  transition: transform .4s cubic-bezier(0.4,0,0.2,1);
}
.shcard:hover::before { transform: scaleY(1); }

/* Background glow on hover */
.shcard::after {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(90deg, rgba(20,184,166,0.04) 0%, transparent 50%);
  opacity: 0; pointer-events: none;
  transition: opacity .35s ease;
}
.shcard:hover::after { opacity: 1; }

/* ── Image column ── */
.shcard-img-wrap {
  position: relative;
  aspect-ratio: unset;
  overflow: hidden;
  background: rgba(5,15,12,0.8);
  margin: 1.5rem 0 1.5rem 1.5rem;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.06);
}
.shcard-img {
  width: 100%; height: 100%;
  object-fit: cover; object-position: top center;
  display: block;
  transition: transform .7s var(--ease);
}
.shcard:hover .shcard-img { transform: scale(1.06); }

/* Badges overlaid on image */
.shcard-badge-wrap {
  position: absolute; top: .65rem; left: .65rem;
  display: flex; gap: .35rem;
  z-index: 2;
}
.shcard-badge {
  font-family: var(--mono); font-size: .55rem; font-weight: 700;
  letter-spacing: .07em; text-transform: uppercase;
  padding: .18rem .52rem; border-radius: 4px;
}
.badge-bestseller { background: #f59e0b; color: #000; }
.badge-featured    { background: rgba(20,184,166,0.25); border: 1px solid rgba(20,184,166,0.5); color: var(--teal); }
.badge-new         { background: rgba(99,102,241,0.25); border: 1px solid rgba(99,102,241,0.5); color: #818cf8; }
.badge-hot         { background: rgba(239,68,68,0.25); border: 1px solid rgba(239,68,68,0.5); color: #f87171; }

/* Image right-edge fade */
.shcard-img-fade {
  position: absolute; inset: 0;
  background: linear-gradient(to right, transparent 60%, rgba(3,10,8,0.5) 100%);
  pointer-events: none;
}

/* ── Info column ── */
.shcard-body {
  display: flex; flex-direction: column;
  padding: 2rem 2rem 2rem 2rem;
  gap: .85rem;
  position: relative; z-index: 1;
}
.shcard-head {
  display: flex; align-items: flex-start;
  justify-content: space-between; gap: 1rem;
}
.shcard-head-left { display: flex; flex-direction: column; gap: .3rem; }
.shcard-cat {
  font-family: var(--mono); font-size: .6rem; color: var(--teal);
  letter-spacing: .12em; text-transform: uppercase;
}
.shcard-name {
  font-size: clamp(1.1rem, 2vw, 1.4rem); font-weight: 800;
  letter-spacing: -.03em; line-height: 1.2;
}

/* Price block — top-right of info */
.shcard-price-block {
  text-align: right; flex-shrink: 0;
}
.shcard-price {
  display: block;
  font-family: var(--display); font-size: 1.85rem; font-weight: 900;
  color: var(--teal); line-height: 1;
}
.shcard-old-price {
  font-size: .75rem; color: rgba(255,255,255,0.3);
  text-decoration: line-through; font-family: var(--mono);
}

/* Tagline */
.shcard-tagline {
  font-size: .82rem; color: var(--subtle); line-height: 1.7;
  max-width: 400px;
}

/* Rating + sales row */
.shcard-meta {
  display: flex; align-items: center; gap: .6rem;
  font-size: .72rem;
}
.shcard-stars { color: #f59e0b; letter-spacing: .03em; font-size: .7rem; }
.shcard-rating-val { font-weight: 700; color: rgba(255,255,255,0.75); font-family: var(--mono); }
.shcard-reviews { color: rgba(255,255,255,0.3); }
.shcard-meta-sep { color: rgba(255,255,255,0.12); }
.shcard-sales { color: rgba(255,255,255,0.3); font-family: var(--mono); }

/* Tags */
.shcard-tags {
  display: flex; flex-wrap: wrap; gap: .3rem; margin-top: auto;
}
.shcard-tags span {
  padding: .2rem .6rem;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 4px;
  font-size: .6rem; font-family: var(--mono); color: rgba(255,255,255,0.3);
  letter-spacing: .03em;
}

/* Footer row: sales count + CTA */
.shcard-footer {
  display: flex; align-items: center; justify-content: space-between;
  padding-top: .85rem;
  border-top: 1px solid rgba(255,255,255,0.05);
  margin-top: .25rem;
  gap: 1rem;
}
.shcard-sales-badge {
  display: flex; align-items: center; gap: .45rem;
  font-family: var(--mono); font-size: .68rem; color: rgba(255,255,255,0.28);
}
.shcard-sales-badge i { color: var(--teal); font-size: .6rem; }

.shcard-ctas { display: flex; gap: .6rem; }
.shcard-btn-buy {
  display: inline-flex; align-items: center; gap: .4rem;
  padding: .52rem 1.25rem;
  background: var(--teal); color: var(--bg);
  border-radius: 7px; font-size: .78rem; font-weight: 700;
  transition: all .25s var(--bounce);
  white-space: nowrap;
}
.shcard-btn-buy:hover {
  background: var(--teal-d);
  box-shadow: 0 4px 18px rgba(20,184,166,0.4);
  transform: translateY(-1px);
}
.shcard-btn-demo {
  display: inline-flex; align-items: center; gap: .4rem;
  padding: .52rem 1.1rem;
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 7px; font-size: .78rem; font-weight: 500;
  color: rgba(255,255,255,0.45);
  transition: all .22s ease; white-space: nowrap;
}
.shcard-btn-demo:hover {
  border-color: rgba(20,184,166,0.35);
  color: var(--teal);
  background: rgba(20,184,166,0.07);
}

/* ── Mobile: stack vertically ── */
@media (max-width: 860px) {
  .shcard {
    grid-template-columns: 1fr;
  }
  .shcard-img-wrap {
    margin: 1.25rem 1.25rem 0;
    aspect-ratio: 16/9;
  }
  .shcard-body { padding: 1.25rem 1.25rem 1.5rem; }
  .shcard-price { font-size: 1.5rem; }
}

/* ─────────────────── NO RESULTS ─────────────────── */
.sh-no-results {
  text-align: center; padding: 5rem 0;
  color: var(--muted);
}
.sh-no-results i { font-size: 3rem; margin-bottom: 1rem; display: block; opacity: .4; }
.sh-no-results p { font-size: 1rem; margin-bottom: 1.5rem; color: var(--subtle); }
.sh-no-results button {
  padding: .65rem 1.5rem; border-radius: 7px;
  border: 1px solid rgba(20,184,166,0.3);
  color: var(--teal); cursor: pointer;
  font-size: .82rem; font-family: var(--mono);
  background: rgba(20,184,166,0.06);
  transition: all .25s ease;
}
.sh-no-results button:hover { background: rgba(20,184,166,0.12); box-shadow: 0 4px 16px rgba(20,184,166,0.2); }

/* ─────────────────── CTA STRIP ─────────────────── */
.sh-cta-strip {
  position: relative;
  overflow: hidden;
  border-top: 1px solid rgba(255,255,255,0.06);
  padding: 5rem 0;
}
.sh-cta-strip::before {
  content: '';
  position: absolute; inset: 0;
  background:
    radial-gradient(ellipse at 70% 50%, rgba(20,184,166,0.08) 0%, transparent 60%),
    linear-gradient(135deg, rgba(20,184,166,0.04) 0%, transparent 50%);
  pointer-events: none;
}
.sh-cta-inner {
  position: relative; z-index: 1;
  display: flex; align-items: center; justify-content: space-between;
  gap: 2.5rem; flex-wrap: wrap;
}
.sh-cta-kicker {
  font-family: var(--mono); font-size: .65rem; color: var(--teal);
  letter-spacing: .14em; text-transform: uppercase;
  margin-bottom: .6rem;
}
.sh-cta-text h3 {
  font-size: clamp(1.6rem, 4vw, 2.4rem);
  font-weight: 800; letter-spacing: -.04em; line-height: 1.15; margin-bottom: .6rem;
}
.sh-cta-text h3 .teal { color: var(--teal); }
.sh-cta-text p { color: var(--subtle); font-size: .9rem; max-width: 400px; line-height: 1.7; }
.sh-cta-right { display: flex; flex-direction: column; gap: .75rem; align-items: flex-start; }
.sh-cta-btn {
  display: inline-flex; align-items: center; gap: .6rem;
  padding: .9rem 2rem;
  background: var(--teal); color: var(--bg);
  border-radius: 10px; font-size: .92rem; font-weight: 700;
  white-space: nowrap;
  transition: all .3s var(--bounce);
}
.sh-cta-btn:hover {
  background: var(--teal-d);
  box-shadow: 0 8px 36px rgba(20,184,166,0.4);
  transform: translateY(-2px);
}
.sh-cta-note {
  font-family: var(--mono); font-size: .65rem;
  color: rgba(255,255,255,0.25);
}
@media (max-width: 768px) {
  .sh-cta-inner { flex-direction: column; }
  .sh-cta-text h3 { font-size: clamp(1.4rem, 6vw, 1.9rem); }
  .sh-cta-text p { max-width: 100%; }
  .sh-cta-right { width: 100%; }
  .sh-cta-btn { width: 100%; justify-content: center; }
}

/* ═══════════════════════════════════════════════════════════
   PRODUCT DETAIL DRAWER
   ═══════════════════════════════════════════════════════════ */
.sh-drawer {
  position: fixed; inset: 0; z-index: 3000; visibility: hidden;
}
.sh-drawer.shd-open { visibility: visible; }
.shd-backdrop {
  position: absolute; inset: 0;
  background: rgba(0,5,4,.8); backdrop-filter: blur(10px);
  opacity: 0; cursor: pointer;
  transition: opacity .35s ease;
}
.sh-drawer.shd-open .shd-backdrop { opacity: 1; }
.shd-panel {
  position: absolute; right: 0; top: 0; bottom: 0;
  width: min(720px, 96vw);
  background: #050f0c;
  border-left: 1px solid rgba(20,184,166,0.12);
  display: flex; flex-direction: column;
  overflow: hidden;
  transform: translateX(105%);
  transition: transform .44s cubic-bezier(0.32,0.72,0,1);
  box-shadow: -32px 0 80px rgba(0,0,0,0.7);
}
.sh-drawer.shd-open .shd-panel { transform: translateX(0); }
.shd-close {
  position: absolute; top: 1.1rem; right: 1.1rem;
  width: 38px; height: 38px; z-index: 10;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  color: rgba(255,255,255,0.4); font-size: .85rem; cursor: pointer;
  transition: all .25s ease;
}
.shd-close:hover {
  background: rgba(248,113,113,0.12);
  border-color: rgba(248,113,113,0.35);
  color: #f87171;
  transform: rotate(90deg) scale(1.1);
}
.shd-body {
  overflow-y: auto; flex: 1;
  scrollbar-width: thin; scrollbar-color: rgba(20,184,166,0.25) transparent;
  display: flex; flex-direction: column;
}

/* Drawer image */
.shd-img-wrap {
  position: relative; width: 100%; aspect-ratio: 16/9;
  overflow: hidden; flex-shrink: 0;
}
.shd-img-wrap img {
  width: 100%; height: 100%;
  object-fit: cover; object-position: top center; display: block;
}
.shd-img-gradient {
  position: absolute; inset: 0;
  background: linear-gradient(to top, #050f0c 0%, transparent 50%);
}
.shd-img-badges {
  position: absolute; top: .85rem; left: .85rem;
  display: flex; gap: .4rem;
}

/* Drawer content */
.shd-content { padding: 1.5rem 2rem 3rem; }
.shd-header { margin-bottom: 1.5rem; }
.shd-cat {
  font-family: var(--mono); font-size: .6rem; color: var(--teal);
  letter-spacing: .14em; text-transform: uppercase; margin-bottom: .4rem;
}
.shd-name {
  font-size: clamp(1.6rem, 4vw, 2.2rem);
  font-weight: 800; letter-spacing: -.04em; line-height: 1.1; margin-bottom: .35rem;
}
.shd-tagline { font-size: .88rem; color: var(--subtle); line-height: 1.65; }

/* Price + rating row */
.shd-price-row {
  display: flex; align-items: center; gap: 1.25rem; flex-wrap: wrap;
  padding: 1.1rem 1.4rem;
  background: rgba(20,184,166,0.05);
  border: 1px solid rgba(20,184,166,0.12);
  border-radius: 12px; margin-bottom: 1.5rem;
}
.shd-price {
  font-family: var(--display); font-size: 2rem; font-weight: 900; color: var(--teal);
}
.shd-old-price {
  font-size: .88rem; color: rgba(255,255,255,0.25);
  text-decoration: line-through; font-family: var(--mono);
}
.shd-discount {
  font-family: var(--mono); font-size: .65rem;
  background: rgba(240,71,71,0.12);
  border: 1px solid rgba(240,71,71,0.25);
  color: #f87171; padding: .18rem .55rem; border-radius: 50px;
}
.shd-rating-row {
  margin-left: auto; display: flex; align-items: center; gap: .4rem;
}
.shd-stars { color: #f59e0b; font-size: .8rem; }
.shd-rating-val { font-weight: 700; font-size: .88rem; font-family: var(--mono); }
.shd-reviews { color: rgba(255,255,255,0.3); font-size: .78rem; }

/* CTA buttons */
.shd-ctas { display: flex; gap: .85rem; margin-bottom: 1.75rem; flex-wrap: wrap; }
.shd-btn-buy {
  flex: 1; min-width: 140px;
  display: flex; align-items: center; justify-content: center; gap: .55rem;
  padding: .85rem 1.5rem;
  background: var(--teal); color: var(--bg);
  border-radius: 10px; font-size: .92rem; font-weight: 700;
  transition: all .3s var(--bounce);
}
.shd-btn-buy:hover {
  background: var(--teal-d);
  box-shadow: 0 8px 28px rgba(20,184,166,0.4);
  transform: translateY(-2px);
}
.shd-btn-demo {
  flex: 1; min-width: 140px;
  display: flex; align-items: center; justify-content: center; gap: .55rem;
  padding: .85rem 1.5rem;
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 10px; font-size: .92rem; font-weight: 600;
  color: rgba(255,255,255,0.5);
  transition: all .25s ease;
}
.shd-btn-demo:hover {
  border-color: rgba(20,184,166,0.35);
  color: var(--teal);
  background: rgba(20,184,166,0.07);
}

/* Stats strip */
.shd-stats {
  display: flex; gap: 1.5rem; margin-bottom: 1.75rem;
  padding-bottom: 1.75rem;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.shd-stat { display: flex; flex-direction: column; gap: .15rem; }
.shd-stat-n {
  font-family: var(--display); font-size: 1.3rem; font-weight: 800;
  color: rgba(255,255,255,0.9);
}
.shd-stat-l {
  font-size: .62rem; color: rgba(255,255,255,0.3);
  font-family: var(--mono); text-transform: uppercase; letter-spacing: .1em;
}

/* Description */
.shd-desc-head {
  font-family: var(--mono); font-size: .58rem;
  color: rgba(255,255,255,0.3);
  letter-spacing: .15em; text-transform: uppercase;
  margin-bottom: .75rem;
}
.shd-desc {
  font-size: .9rem; color: var(--subtle); line-height: 1.9;
  margin-bottom: 1.75rem;
  padding-left: 1rem;
  border-left: 2px solid rgba(20,184,166,0.25);
}

/* Features */
.shd-feat-list {
  list-style: none; display: flex; flex-direction: column;
  gap: .6rem; margin-bottom: 1.75rem;
}
.shd-feat-list li {
  display: flex; align-items: flex-start; gap: .65rem;
  font-size: .86rem; color: var(--subtle); line-height: 1.55;
}
.shd-feat-list li i {
  color: var(--teal); font-size: .65rem;
  margin-top: .32rem; flex-shrink: 0;
}

/* Tech tags */
.shd-tags {
  display: flex; flex-wrap: wrap; gap: .4rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(255,255,255,0.06);
}
.shd-tags span {
  padding: .25rem .75rem;
  background: rgba(20,184,166,0.07);
  border: 1px solid rgba(20,184,166,0.2);
  border-radius: 50px;
  font-size: .65rem; font-family: var(--mono); color: var(--teal);
}

/* Drawer responsive */
@media (max-width: 768px) {
  .shd-price-row { flex-direction: column; align-items: flex-start; }
  .shd-rating-row { margin-left: 0; }
  .shd-content { padding: 1.25rem 1.25rem 2.5rem; }
}