.elementor-97 .elementor-element.elementor-element-1963c6e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-97 .elementor-element.elementor-element-4964330{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#00FFFF26;--border-color:#00FFFF26;--border-radius:16px 16px 16px 16px;box-shadow:0px 20px 60px 0px rgba(0, 255, 255, 0.18);}.elementor-97 .elementor-element.elementor-element-4964330:not(.elementor-motion-effects-element-type-background), .elementor-97 .elementor-element.elementor-element-4964330 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E1428;}.elementor-97 .elementor-element.elementor-element-2d74cd5{--e-image-carousel-slides-to-show:1;}.elementor-97 .elementor-element.elementor-element-8f494ed{--display:flex;--border-radius:14px 14px 14px 14px;box-shadow:0px 10px 40px 0px rgba(0, 0, 0, 0.6);--padding-top:28px;--padding-bottom:28px;--padding-left:32px;--padding-right:32px;}.elementor-97 .elementor-element.elementor-element-8f494ed:not(.elementor-motion-effects-element-type-background), .elementor-97 .elementor-element.elementor-element-8f494ed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0C1120;}.elementor-97 .elementor-element.elementor-element-118453a{text-align:center;}.elementor-97 .elementor-element.elementor-element-3dd9748{--display:flex;border-style:solid;--border-style:solid;border-color:#FFFFFF0F;--border-color:#FFFFFF0F;--border-radius:12px 12px 12px 12px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-97 .elementor-element.elementor-element-3dd9748:not(.elementor-motion-effects-element-type-background), .elementor-97 .elementor-element.elementor-element-3dd9748 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0F1D;}.elementor-97 .elementor-element.elementor-element-0ab8556{text-align:center;}.elementor-97 .elementor-element.elementor-element-52f8994 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-97 .elementor-element.elementor-element-52f8994 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-97 .elementor-element.elementor-element-52f8994{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-97 .elementor-element.elementor-element-52f8994 .elementor-icon-list-text{transition:color 0.3s;}.elementor-97 .elementor-element.elementor-element-bb5ccb5{--divider-border-style:solid;--divider-color:#00F5FF;--divider-border-width:1px;border-radius:99px 99px 99px 99px;}.elementor-97 .elementor-element.elementor-element-bb5ccb5 .elementor-divider-separator{width:120px;}.elementor-97 .elementor-element.elementor-element-bb5ccb5 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-97 .elementor-element.elementor-element-f17ba2e .elementor-button{font-weight:600;}.elementor-97 .elementor-element.elementor-element-f17ba2e .elementor-button:hover, .elementor-97 .elementor-element.elementor-element-f17ba2e .elementor-button:focus{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-97 .elementor-element.elementor-element-6fd7c85{--display:flex;--border-radius:18px 18px 18px 18px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-97 .elementor-element.elementor-element-6fd7c85:not(.elementor-motion-effects-element-type-background), .elementor-97 .elementor-element.elementor-element-6fd7c85 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E1428;}.elementor-97 .elementor-element.elementor-element-cddacb6{text-align:center;}body.elementor-page-97:not(.elementor-motion-effects-element-type-background), body.elementor-page-97 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #0E1428 0%, #050711 100%);}:root{--page-title-display:none;}@media(min-width:768px){.elementor-97 .elementor-element.elementor-element-4964330{--width:45%;}.elementor-97 .elementor-element.elementor-element-8f494ed{--content-width:55%;}}@media(max-width:767px){.elementor-97 .elementor-element.elementor-element-1963c6e{--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}}/* Start custom CSS for shortcode, class: .elementor-element-40b0923 *//* =========================================
   ROBOT DETAILS – CLEAN WOOCOMMERCE EMBED
   Purpose:
   - Remove Woo image column
   - Force center layout (shortcode safe)
   - Hide unwanted Woo elements
   - Show price only after plan selected
   - When shown: regular (left, faded, strike) + sale (right)
========================================= */

/* =====================
   GLOBAL CLEANUP
===================== */

/* Hide Woo tabs + meta + related/upsell */
.woocommerce div.product .woocommerce-tabs,
.woocommerce div.product .product_meta,
.woocommerce div.product .related,
.woocommerce div.product .upsells {
  display: none !important;
}

/* Hide short description */
.woocommerce div.product .woocommerce-product-details__short-description {
  display: none !important;
}

/* Hide Sale badge */
.woocommerce span.onsale {
  display: none !important;
}

/* Hide quantity .elementor-97 .elementor-element.elementor-element-40b0923 */
.woocommerce div.product form.cart .quantity {
  display: none !important;
}

/* =====================
   FIX SHORTCODE LAYOUT
===================== */

/* Hide Woo image column (root cause of not-centered issue) */
.woocommerce div.product div.images {
  display: none !important;
}

/* Force product wrapper to center */
.woocommerce div.product {
  max-width: 520px;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
}

/* Force summary full width + center */
.woocommerce div.product div.summary {
  width: 100% !important;
  float: none !important;
  text-align: center !important;
  margin: 0 auto !important;
}

/* =====================
   TITLE OVERRIDE
===================== */

/* Hide original product title text */
.woocommerce div.product .product_title {
  font-size: 0 !important;
}

/* Replace title */
.woocommerce div.product .product_title::before {
  content: "Sila Pilih Plan Anda";
  font-size: 28px;
  font-weight: 700;
  color: #ffffff;
  display: block;
  text-align: center;
  margin-bottom: 10px;
}

/* =====================
   PRICE LOGIC
===================== */

/* Hide default price range (before variation selected) */
.woocommerce div.product .summary > .price {
  display: none !important;
}

/* Show variation price only after user selects plan */
.woocommerce div.product .woocommerce-variation-price,
.woocommerce div.product .woocommerce-variation-price .price {
  display: block !important;
  margin-top: 8px;
  margin-bottom: 6px; /* keep above Add to Cart */
}

/* Make the price area a centered "row group" */
.woocommerce div.product .woocommerce-variation-price .price {
  display: inline-flex !important;        /* important: keep the whole group centered */
  align-items: baseline;
  justify-content: center;
  gap: 14px;
  text-align: center !important;
  font-size: 20px;
  font-weight: 700;
}

/* If Woo outputs del+ins (sale), layout them left-right */
.woocommerce div.product .woocommerce-variation-price .price del {
  order: 1;
  opacity: 0.45;                          /* lower opacity for regular */
  text-decoration: line-through !important;
  text-decoration-thickness: 2px;
  font-weight: 600;
}

.woocommerce div.product .woocommerce-variation-price .price ins {
  order: 2;
  background: transparent !important;
  text-decoration: none !important;
  font-weight: 800;
}

/* Ensure colors stay white */
.woocommerce div.product .woocommerce-variation-price .price del,
.woocommerce div.product .woocommerce-variation-price .price del * ,
.woocommerce div.product .woocommerce-variation-price .price ins,
.woocommerce div.product .woocommerce-variation-price .price ins * {
  color: #ffffff !important;
}

/* If product not on sale (no del/ins), keep centered nicely */
.woocommerce div.product .woocommerce-variation-price .price > span,
.woocommerce div.product .woocommerce-variation-price .price {
  text-align: center !important;
}

/* =====================
   FORM + DROPDOWN STYLE
===================== */

/* Center form content */
.woocommerce div.product form.cart {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 14px;
  gap: 12px;
}

/* Center variations block */
.woocommerce div.product form.cart .variations,
.woocommerce div.product form.cart .variations tbody,
.woocommerce div.product form.cart .variations tr,
.woocommerce div.product form.cart .variations td {
  display: block !important;
  text-align: center !important;
}

/* Dropdown select styling */
.woocommerce div.product form.cart select {
  color: #ffffff !important;
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.25) !important;
  padding: 8px 12px;
}

/* Dropdown option text */
.woocommerce div.product form.cart select option {
  color: #ffffff !important;
  background: #0b0f1a !important;
}

/* =====================
   BUTTON CENTER
===================== */

.woocommerce div.product form.cart button.single_add_to_cart_button {
  margin-top: 6px;
}/* End custom CSS */