.elementor-16411 .elementor-element.elementor-element-7196e22{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-651b629 *//* ===== Pakistani Inspired Three Piece ===== */
.pk-3piece {
  --pk-bg: #fbfaff;
  --pk-accent: #2b4d7e;
  --pk-accent-2: #8ba9d9;
  --pk-text: #2c2c2c;
  --pk-muted: #555;
  --pk-card: #ffffff;
  max-width: 940px;
  margin: 28px auto;
  padding: 24px;
  font-family: "Noto Sans Bengali", sans-serif;
  color: var(--pk-text);
  background: var(--pk-bg);
  border-radius: 18px;
  box-shadow: 0 8px 26px rgba(0,0,0,0.08);
}

/* Hero */
.pk-hero { text-align: center; padding-bottom: 14px; }
.pk-title {
  font-size: 28px;
  font-weight: 900;
  color: var(--pk-accent);
  margin-bottom: 10px;
}
.pk-desc {
  font-size: 15px;
  color: var(--pk-muted);
  line-height: 1.7;
  max-width: 720px;
  margin: 0 auto;
}

/* Grid */
.pk-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 16px;
  margin-top: 18px;
}
.pk-card {
  grid-column: span 6;
  background: var(--pk-card);
  border-radius: 14px;
  padding: 16px;
  border: 1px solid rgba(43,77,126,0.15);
  box-shadow: 0 6px 16px rgba(0,0,0,0.05);
  transition: all 0.25s ease;
}
.pk-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(0,0,0,0.09);
}
.pk-card.pk-wide { grid-column: span 12; }

.pk-card h2 {
  font-size: 16px;
  font-weight: 800;
  color: var(--pk-accent);
  margin-bottom: 6px;
  position: relative;
  padding-left: 10px;
}
.pk-card h2::before {
  content: "";
  position: absolute;
  left: 0; top: 6px;
  width: 4px; height: 14px;
  border-radius: 2px;
  background: linear-gradient(180deg, var(--pk-accent), var(--pk-accent-2));
}

.pk-card p { margin: 0; font-size: 15px; line-height: 1.6; color: var(--pk-text); }

/* Sizes */
.pk-sizes {
  margin-top: 18px;
  padding: 14px;
  border-left: 4px solid var(--pk-accent);
  background: #f2f6fd;
  border-radius: 10px;
}
.pk-sizes h3 {
  margin: 0 0 6px;
  font-size: 16px;
  color: var(--pk-accent);
  font-weight: 700;
}

/* Highlight */
.pk-highlight {
  margin-top: 18px;
  background: linear-gradient(135deg, #f8fbff, #fff8f9);
  border: 1px dashed var(--pk-accent-2);
  color: var(--pk-accent);
  font-weight: 700;
  text-align: center;
  padding: 12px;
  border-radius: 14px;
}

/* Responsive */
@media (max-width: 992px) { .pk-title { font-size: 26px; } }
@media (max-width: 768px) {
  .pk-grid { grid-template-columns: 1fr; }
  .pk-card, .pk-card.pk-wide { grid-column: span 1; }
}
@media (max-width: 480px) {
  .pk-3piece { padding: 16px; border-radius: 14px; }
  .pk-title { font-size: 22px; }
  .pk-desc { font-size: 14.5px; }
  .pk-card { padding: 14px; }
}/* End custom CSS */