.dimas-package-selector {
  margin: 6px 0 18px;
  color: #17282d;
  font-family: inherit;
}

.dimas-package-price-summary { margin: 0 0 26px; color: #17282d; }
.dimas-package-price-summary del,
.dimas-package-price-summary strong,
.dimas-package-price-summary span { display: block; }
.dimas-package-price-summary del { margin-bottom: 4px; color: #9aa3a7; font-size: 22px; line-height: 1.2; }
.dimas-package-price-summary strong { font-size: 34px; font-weight: 750; line-height: 1.12; letter-spacing: -.025em; }
.dimas-package-price-summary span { margin-top: 4px; color: #68767a; font-size: 12px; }

.dimas-package-selector .dimas-package-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 12px;
}

.dimas-package-selector .dimas-package-head h2 {
  margin: 0 !important;
  color: #17282d !important;
	



  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

.dimas-package-selector .dimas-package-head p {
  margin: 0;
  color: #68767a;
  font-size: 12px;
}

.dimas-package-selector .dimas-package-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.dimas-package-selector button.dimas-package-card {
  position: relative;
  min-height: 164px !important;
  padding: 20px 14px 14px !important;
  border: 1px solid #dbe6e3 !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: none !important;
  color: #17282d !important;
  text-align: left !important;
  text-transform: none !important;
  cursor: pointer;
  appearance: none;
  transition: border-color .18s, box-shadow .18s, background-color .18s;
}

.dimas-package-selector button.dimas-package-card:hover {
  border-color: #4fae9b !important;
}

.dimas-package-selector button.dimas-package-card:focus-visible {
  outline: 3px solid rgba(47, 157, 136, .22);
  outline-offset: 2px;
}

.dimas-package-selector button.dimas-package-card.is-selected {
  padding: 19px 13px 13px !important;
  border: 2px solid #2f9d88 !important;
  background: #f3fbf8 !important;
  box-shadow: 0 8px 22px rgba(33, 104, 91, .08) !important;
}

.dimas-package-selector .dimas-package-name,
.dimas-package-selector .dimas-package-duration,
.dimas-package-selector .dimas-package-regular,
.dimas-package-selector .dimas-package-total,
.dimas-package-selector .dimas-package-unit,
.dimas-package-selector .dimas-package-save {
  display: block;
  color: #17282d;
  text-transform: none;
}

.dimas-package-selector .dimas-package-name { font-size: 14px; font-weight: 700; }
.dimas-package-selector .dimas-package-duration { margin-top: 3px; color: #68767a; font-size: 12px; }
.dimas-package-selector .dimas-package-regular { min-height: 17px; margin-top: 14px; color: #7b878a; font-size: 11px; }
.dimas-package-selector .dimas-package-total {
  font-size: 18px !important;
  line-height: 1.2 !important;
  letter-spacing: -.015em;
  white-space: nowrap;
}
.dimas-package-selector .dimas-package-unit { margin-top: 3px; color: #68767a; font-size: 11px; }
.dimas-package-selector .dimas-package-save { min-height: 16px; margin-top: 8px; color: #23866f; font-size: 11px; font-weight: 650; }

.dimas-package-selector .dimas-package-badge {
  position: absolute;
  top: -10px;
  right: 10px;
  padding: 4px 8px;
  border-radius: 999px;
  background: #2f9d88;
  color: #fff;
  font-size: 9px;
  font-weight: 750;
  letter-spacing: .02em;
  white-space: nowrap;
}

.dimas-package-selector .dimas-package-status { margin: 8px 0 0; color: #8a4d18; font-size: 12px; }
.dimas-package-selector .dimas-package-status:empty { display: none; }
.wdp_pricing_table.dimas-package-native-table-hidden,
.wdp_pricing_table_caption.dimas-package-native-table-hidden { display: none !important; }

.dimas-mobile-sticky { display: none; }

@media (max-width: 1024px) {
  .dimas-package-selector .dimas-package-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 480px) {
  .dimas-package-selector .dimas-package-head { display: block; }
  .dimas-package-selector .dimas-package-head p { margin-top: 3px; }
  .dimas-package-selector .dimas-package-grid { gap: 8px; }
  .dimas-package-selector button.dimas-package-card { min-height: 154px !important; padding: 18px 12px 12px !important; }
  .dimas-package-selector button.dimas-package-card.is-selected { padding: 17px 11px 11px !important; }
  .dimas-package-selector .dimas-package-total { font-size: 16px !important; }
}

@media (max-width: 767px) {
  body.dimas-mobile-sticky-visible { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
  .dimas-mobile-sticky {
    position: fixed;
    z-index: 9998;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
    border-top: 1px solid #dbe6e3;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 -8px 24px rgba(23, 40, 45, .10);
    opacity: 0;
    pointer-events: none;
    transform: translateY(100%);
    transition: opacity .18s ease, transform .18s ease;
  }
  .dimas-mobile-sticky.is-visible { opacity: 1; pointer-events: auto; transform: translateY(0); }
  .dimas-mobile-sticky-price { min-width: 0; }
  .dimas-mobile-sticky-price span,
  .dimas-mobile-sticky-price strong { display: block; }
  .dimas-mobile-sticky-price span { color: #68767a; font-size: 11px; line-height: 1.2; }
  .dimas-mobile-sticky-price strong { margin-top: 2px; color: #17282d; font-size: 17px; line-height: 1.2; white-space: nowrap; }
  .dimas-mobile-sticky button.dimas-mobile-sticky-button {
    min-width: 148px;
    min-height: 48px !important;
    padding: 10px 18px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: #2f9d88 !important;
    color: #fff !important;
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
  }
  .dimas-mobile-sticky button.dimas-mobile-sticky-button:focus-visible { outline: 3px solid rgba(47, 157, 136, .28); outline-offset: 2px; }
  body.dimas-mobile-sticky-visible .fkcart-toggler { bottom: calc(88px + env(safe-area-inset-bottom)) !important; }
}

/* ============================================================
   SHELL / COMMERCE styles only.
   All individual product-content layout overrides (v3facts0,
   v3quote01, 0cd0058, cb0fc0c, 8049d74, v3expert0/i/c, v3recover,
   v3reasonk, v3review0, v3videot, v3faq0001, ...) were removed on
   2026-08-25 and reconstructed with native Elementor settings on
   product 12048. Rollback: restore selector.css from
   uploads/dimas-backups/12048-2026-08-25-132252/plugin/assets/.
   The gallery/trust rules below belong to the GLOBAL template 22248
   (purchase shell) which is intentionally out of this reconstruction.
   ============================================================ */