.elementor-431 .elementor-element.elementor-element-2d677bb{--display:flex;--min-height:550px;--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;--justify-content:center;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--margin-top:-180px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:180px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-431 .elementor-element.elementor-element-2d677bb:not(.elementor-motion-effects-element-type-background), .elementor-431 .elementor-element.elementor-element-2d677bb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://theexoticbangladesh.com/wp-content/uploads/2026/07/Hero-image.jpg");background-position:center center;background-size:cover;}.elementor-431 .elementor-element.elementor-element-0687f7a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-431 .elementor-element.elementor-element-b047584{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 4px) 0px;font-family:"Open Sans", Sans-serif;font-size:14px;font-weight:400;text-transform:uppercase;line-height:20px;letter-spacing:3px;color:var( --e-global-color-3d70267 );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-431 .elementor-element.elementor-element-b852e94{width:var( --container-widget-width, 59.417% );max-width:59.417%;--container-widget-width:59.417%;--container-widget-flex-grow:0;}.elementor-431 .elementor-element.elementor-element-b852e94.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-431 .elementor-element.elementor-element-b852e94 .elementor-heading-title{font-family:"Fraunces", Sans-serif;font-size:80px;font-weight:400;line-height:80px;color:var( --e-global-color-3d70267 );}.elementor-431 .elementor-element.elementor-element-fe4e9b2{--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;--padding-top:90px;--padding-bottom:90px;--padding-left:20px;--padding-right:20px;}.elementor-431 .elementor-element.elementor-element-fe4e9b2:not(.elementor-motion-effects-element-type-background), .elementor-431 .elementor-element.elementor-element-fe4e9b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF7F1;}.elementor-431 .elementor-element.elementor-element-1c2830e{--confirmation-message-display:block;--sections-background-color:#FFFFFF;--sections-border-type:none;--confirmation-message-color:var( --e-global-color-primary );--button-padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:1366px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-431 .elementor-element.elementor-element-b852e94{--container-widget-width:70%;--container-widget-flex-grow:0;width:var( --container-widget-width, 70% );max-width:70%;}.elementor-431 .elementor-element.elementor-element-fe4e9b2{--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}}@media(max-width:1200px){.elementor-431 .elementor-element.elementor-element-b852e94{width:var( --container-widget-width, 79.917% );max-width:79.917%;--container-widget-width:79.917%;--container-widget-flex-grow:0;}.elementor-431 .elementor-element.elementor-element-fe4e9b2{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}}@media(max-width:1024px){.elementor-431 .elementor-element.elementor-element-2d677bb{--min-height:460px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-431 .elementor-element.elementor-element-b852e94{--container-widget-width:96%;--container-widget-flex-grow:0;width:var( --container-widget-width, 96% );max-width:96%;}.elementor-431 .elementor-element.elementor-element-b852e94 .elementor-heading-title{font-size:70px;line-height:70px;}}@media(max-width:767px){.elementor-431 .elementor-element.elementor-element-2d677bb{--min-height:323px;--gap:27px 27px;--row-gap:27px;--column-gap:27px;--margin-top:-130px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-431 .elementor-element.elementor-element-0687f7a{--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-431 .elementor-element.elementor-element-b047584{font-size:12px;letter-spacing:2px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-431 .elementor-element.elementor-element-b852e94{width:100%;max-width:100%;}.elementor-431 .elementor-element.elementor-element-b852e94 .elementor-heading-title{font-size:41px;line-height:50px;}.elementor-431 .elementor-element.elementor-element-fe4e9b2{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for woocommerce-purchase-summary, class: .elementor-element-1c2830e *//* ================================================================
   THE EXOTIC BANGLADESH — Order Received  v4  (final)
   Key fix: Elementor applies display:flex to ul.order_details and
   its <li>s with a high-specificity .elementor-431 .elementor-element.elementor-element-1c2830e — that's why the meta
   cards were unequal and stopped short of the row edge. All layout
   props now use the same-strength .elementor-431 .elementor-element.elementor-element-1c2830e + !important.
   Paste into: Appearance → Customize → Additional CSS
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Open+Sans:wght@400;500;600;700&display=swap');

:root{
  --navy:#0a1826; --navy-2:#0e2338;
  --cream-2:#fbf8f1; --ink:#12212f; --ink-soft:#4a5a68;
  --muted:#8a97a2; --line:#ece3d1; --line-soft:#f1ead9;
  --orange:#f0a84e; --orange-deep:#e0872a;
  --grad:linear-gradient(180deg,#f8d69a,#f0a84e);
  --shadow:0 1px 2px rgba(10,24,38,.04),0 28px 56px -40px rgba(10,24,38,.32);
}

/* Widget base — kill Elementor grey */
.elementor-widget-woocommerce-purchase-summary .woocommerce,
.woocommerce-order, .woocommerce-order p, .woocommerce-order li{
  font-family:'Open Sans',sans-serif !important;
  color:var(--ink-soft) !important;
}

/* ================================================================
   LAYOUT
   ================================================================ */
.elementor-widget-woocommerce-purchase-summary .woocommerce-order{
  display:grid !important;
  grid-template-columns:1fr 1fr;
  gap:24px;
  align-items:start;
  width:100%;
}
.elementor-widget-woocommerce-purchase-summary .woocommerce-order > p,
.elementor-widget-woocommerce-purchase-summary .woocommerce-order > ul.order_details{
  grid-column:1 / -1;
  width:100% !important;
}

/* ================================================================
   1. SUCCESS BANNER
   ================================================================ */
.woocommerce-order p.woocommerce-thankyou-order-received{
  position:relative; overflow:hidden;
  display:flex !important; align-items:center; gap:22px;
  margin:0 !important; padding:36px 40px;
  background:
    radial-gradient(90% 160% at 85% 0%, rgba(240,168,78,.22), transparent 55%),
    linear-gradient(135deg, var(--navy-2), var(--navy)) !important;
  border-radius:24px;
  box-shadow:0 30px 60px -30px rgba(10,24,38,.55);
  font-family:'Fraunces',serif !important;
  font-size:28px; font-weight:600; line-height:1.25;
  color:#ffffff !important;
}
.woocommerce-order p.woocommerce-thankyou-order-received::before{
  content:"✓"; flex:none;
  width:62px; height:62px; border-radius:50%;
  background:var(--grad); color:#3a2600;
  font-size:30px; font-weight:700;
  display:grid; place-items:center;
  box-shadow:0 12px 26px -10px rgba(240,168,78,.8);
}
.woocommerce-order p.woocommerce-thankyou-order-received::after{
  content:""; position:absolute; right:40px; top:50%; transform:translateY(-50%);
  width:14px; height:14px; border-radius:50%;
  background:rgba(255,255,255,.14);
  box-shadow:26px -18px 0 -2px rgba(255,255,255,.10),
             12px  22px 0 -4px rgba(255,255,255,.08),
             48px   6px 0 -6px rgba(255,255,255,.07);
}

/* ================================================================
   2. META CARDS — equal, full row (beats Elementor's flex)
   ================================================================ */
.elementor-widget-woocommerce-purchase-summary .woocommerce ul.order_details,
ul.woocommerce-order-overview.order_details{
  display:grid !important;
  grid-template-columns:repeat(5, minmax(0,1fr)) !important;
  gap:16px !important;
  width:100% !important;
  list-style:none; margin:0 !important; padding:0 !important; border:none !important;
}
/* WooCommerce clearfix ::before/::after become invisible grid items,
   stealing the first cell and wrapping the last card — remove them */
.elementor-widget-woocommerce-purchase-summary .woocommerce ul.order_details::before,
.elementor-widget-woocommerce-purchase-summary .woocommerce ul.order_details::after,
ul.woocommerce-order-overview.order_details::before,
ul.woocommerce-order-overview.order_details::after{
  content:none !important; display:none !important;
}
.elementor-widget-woocommerce-purchase-summary .woocommerce ul.order_details li,
ul.order_details li{
  display:flex !important;
  flex-direction:column !important;
  gap:8px;
  flex:none !important;
  width:auto !important; max-width:none !important; min-width:0 !important;
  margin:0 !important; padding:20px 20px 18px !important;
  float:none !important; border:none !important;
  background:#fff; border-radius:16px; box-shadow:var(--shadow);
  font-size:10.5px !important; letter-spacing:.9px; text-transform:uppercase;
  color:var(--muted) !important; font-weight:700; line-height:1.35;
  transition:transform .18s, box-shadow .18s;
}
ul.order_details li:hover{
  transform:translateY(-3px);
  box-shadow:0 10px 20px -8px rgba(10,24,38,.14), 0 30px 60px -38px rgba(10,24,38,.4);
}
/* icon chips — solid amber square, full-strength glyph */
ul.order_details li::before{
  width:38px; height:38px; border-radius:11px;
  background:var(--grad);
  display:grid; place-items:center;
  font-size:17px; line-height:1;
  box-shadow:0 8px 16px -8px rgba(240,168,78,.7);
  margin-bottom:4px;
  filter:none; opacity:1;
}
ul.order_details li.order::before{  content:"🧾"; }
ul.order_details li.date::before{   content:"📅"; }
ul.order_details li.email::before{  content:"✉️"; }
ul.order_details li.total::before{  content:"💰"; }
ul.order_details li.method::before{ content:"💳"; }

ul.order_details li strong{
  display:block;
  font-size:15px; font-weight:700; text-transform:none; letter-spacing:0;
  color:var(--ink) !important; line-height:1.4;
  overflow-wrap:anywhere;
}
ul.order_details li.total strong{
  font-family:'Fraunces',serif; font-size:22px; color:var(--orange-deep) !important;
}

/* ================================================================
   3. CASH NOTE
   ================================================================ */
.woocommerce-order > p:not(.woocommerce-thankyou-order-received){
  margin:0 !important; font-size:14px; font-weight:600;
  background:#fff8ec; color:#7a5a2a !important;
  border:1px solid #f3e2bd; border-left:4px solid var(--orange);
  border-radius:13px; padding:16px 20px;
}
.woocommerce-order > p:not(.woocommerce-thankyou-order-received)::before{
  content:"💵"; margin-right:9px;
}

/* ================================================================
   4. SECTION CARDS
   ================================================================ */
.woocommerce-order-details,
.woocommerce-customer-details{
  background:#fff; border-radius:22px; box-shadow:var(--shadow);
  padding:22px 22px; margin:0 !important;
  position:relative; overflow:hidden;
  align-self:stretch;
}
.woocommerce-order-details::before,
.woocommerce-customer-details::before{
  content:""; position:absolute; left:26px; right:26px; top:0; height:3px;
  border-radius:0 0 3px 3px;
  background:linear-gradient(90deg,transparent,rgba(240,168,78,.55),transparent);
}
.woocommerce-order-details__title,
.woocommerce-customer-details h2,
.woocommerce-column__title{
  font-family:'Fraunces',serif !important; font-weight:600; font-size:22px;
  color:var(--ink) !important;
  margin:0 0 22px !important; padding-bottom:13px; position:relative;
}
.woocommerce-order-details__title::after,
.woocommerce-customer-details h2::after,
.woocommerce-column__title::after{
  content:""; position:absolute; left:0; bottom:0; width:36px; height:3px;
  border-radius:3px; background:var(--grad);
}

/* ================================================================
   5. ORDER TABLE
   ================================================================ */
.woocommerce-table--order-details{
  width:100% !important; border:none !important; border-collapse:collapse;
}
.woocommerce-table--order-details th,
.woocommerce-table--order-details td{ border:none !important; }
.woocommerce-table--order-details thead th{
  font-size:11px; letter-spacing:1.2px; text-transform:uppercase;
  color:var(--muted) !important; font-weight:700; padding:12px 2px;
  border-bottom:1px solid var(--line) !important; text-align:left;
}
.woocommerce-table--order-details thead th:last-child{ text-align:right; }
.woocommerce-table--order-details tbody td,
.woocommerce-table--order-details tfoot th,
.woocommerce-table--order-details tfoot td{
  padding:15px 2px; border-bottom:1px solid var(--line-soft) !important;
  font-size:14px; color:var(--ink-soft) !important;
}
.woocommerce-table--order-details tbody td:last-child,
.woocommerce-table--order-details tfoot td{ text-align:right; white-space:nowrap; }
.woocommerce-table--order-details .product-name a{
  color:var(--ink) !important; font-weight:600; text-decoration:none;
}
.woocommerce-table--order-details .product-name a:hover{ color:var(--orange-deep) !important; }
.woocommerce-table--order-details .amount{ color:var(--ink) !important; font-weight:600; }
.woocommerce-table--order-details tfoot th{
  font-weight:600; color:var(--ink) !important; text-transform:none; letter-spacing:0; text-align:left;
}
/* Order Total band (Payment Method is the last row) */
.woocommerce-table--order-details tfoot tr:nth-last-child(2) th,
.woocommerce-table--order-details tfoot tr:nth-last-child(2) td{
  background:#fdf6e9 !important; border-bottom:none !important;
  padding:17px 14px !important;
}
.woocommerce-table--order-details tfoot tr:nth-last-child(2) th{
  border-radius:12px 0 0 12px; font-weight:700;
}
.woocommerce-table--order-details tfoot tr:nth-last-child(2) td{ border-radius:0 12px 12px 0; }
.woocommerce-table--order-details tfoot tr:nth-last-child(2) .amount{
  font-family:'Fraunces',serif; font-weight:600; font-size:22px;
  color:var(--orange-deep) !important;
}
.woocommerce-table--order-details tfoot tr:last-child th,
.woocommerce-table--order-details tfoot tr:last-child td{ border-bottom:none !important; }

/* ================================================================
   6. BILLING ADDRESS
   ================================================================ */
.woocommerce-customer-details address{
  background:var(--cream-2); border:1px solid var(--line); border-radius:16px;
  padding:14px 18px; font-style:normal; font-size:14.5px;
  color:var(--ink-soft) !important; line-height:2.05;
  display:block; height:auto !important; overflow:visible;
}
.woocommerce-customer-details--email,
.woocommerce-customer-details--phone{
  margin:14px 0 0 !important; padding:12px 0 0 !important;
  border-top:1px dashed var(--line);
  font-weight:700; color:var(--ink) !important;
  display:flex; align-items:center; gap:9px;
}
.woocommerce-customer-details--email::before{ content:"✉️"; font-size:14px; }
.woocommerce-customer-details--phone::before{ content:"📞"; font-size:14px; }
.woocommerce-customer-details--email svg,
.woocommerce-customer-details--phone svg{ display:none; }

/* ================================================================
   RESPONSIVE
   ================================================================ */
@media(max-width:1100px){
  .elementor-widget-woocommerce-purchase-summary .woocommerce ul.order_details,
  ul.woocommerce-order-overview.order_details{
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  }
}
@media(max-width:880px){
  .elementor-widget-woocommerce-purchase-summary .woocommerce-order{ grid-template-columns:1fr; }
}
@media(max-width:640px){
  .elementor-widget-woocommerce-purchase-summary .woocommerce ul.order_details,
  ul.woocommerce-order-overview.order_details{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
  .woocommerce-order p.woocommerce-thankyou-order-received{
    font-size:20px; padding:24px; gap:16px;
  }
  .woocommerce-order p.woocommerce-thankyou-order-received::before{
    width:48px; height:48px; font-size:24px;
  }
  .woocommerce-order-details,
  .woocommerce-customer-details{ padding:24px 20px; }
}/* End custom CSS */