.elementor-1984 .elementor-element.elementor-element-3bc9031{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1984 .elementor-element.elementor-element-2d34d00{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:14px 14px 14px 14px;box-shadow:0px 0px 3px 0px rgba(0,0,0,0.5);--padding-top:17px;--padding-bottom:17px;--padding-left:17px;--padding-right:17px;}.elementor-1984 .elementor-element.elementor-element-32a6379{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );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 );}.elementor-1984 .elementor-element.elementor-element-ca762dc{text-align:center;}.elementor-1984 .elementor-element.elementor-element-dc4fe90{--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;--gap:010px 010px;--row-gap:010px;--column-gap:010px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1984 .elementor-element.elementor-element-d51a196{padding:8px 8px 8px 8px;border-style:dashed;border-width:1px 1px 1px 1px;border-color:#FF2D83;border-radius:8px 8px 8px 8px;text-align:center;}.elementor-1984 .elementor-element.elementor-element-d51a196 .elementor-heading-title{font-family:"Source Code Pro", Sans-serif;font-size:14px;font-weight:400;}.elementor-1984 .elementor-element.elementor-element-b5518fd{background-color:var( --e-global-color-primary );padding:8px 8px 8px 8px;border-style:dashed;border-width:1px 1px 1px 1px;border-color:#FF2D83;border-radius:8px 8px 8px 8px;text-align:center;}.elementor-1984 .elementor-element.elementor-element-b5518fd .elementor-heading-title{font-family:"Source Code Pro", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-48f999a );}.elementor-1984 .elementor-element.elementor-element-25bda4e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:14px 14px 14px 14px;box-shadow:0px 0px 3px 0px rgba(0,0,0,0.5);--padding-top:17px;--padding-bottom:17px;--padding-left:17px;--padding-right:17px;}.elementor-1984 .elementor-element.elementor-element-511488c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1984 .elementor-element.elementor-element-ea3ae13{text-align:center;}.elementor-1984 .elementor-element.elementor-element-7cf9498{--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;--gap:010px 010px;--row-gap:010px;--column-gap:010px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1984 .elementor-element.elementor-element-2590736{padding:8px 8px 8px 8px;border-style:dashed;border-width:1px 1px 1px 1px;border-color:#FF2D83;border-radius:8px 8px 8px 8px;text-align:center;}.elementor-1984 .elementor-element.elementor-element-2590736 .elementor-heading-title{font-family:"Source Code Pro", Sans-serif;font-size:14px;font-weight:400;}.elementor-1984 .elementor-element.elementor-element-62a5e07{background-color:var( --e-global-color-primary );padding:8px 8px 8px 8px;border-style:dashed;border-width:1px 1px 1px 1px;border-color:#FF2D83;border-radius:8px 8px 8px 8px;text-align:center;}.elementor-1984 .elementor-element.elementor-element-62a5e07 .elementor-heading-title{font-family:"Source Code Pro", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-48f999a );}.elementor-1984 .elementor-element.elementor-element-9bfd533{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:14px 14px 14px 14px;box-shadow:0px 0px 3px 0px rgba(0,0,0,0.5);--padding-top:17px;--padding-bottom:17px;--padding-left:17px;--padding-right:17px;}.elementor-1984 .elementor-element.elementor-element-01aa439{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1984 .elementor-element.elementor-element-7591bbd{text-align:center;}.elementor-1984 .elementor-element.elementor-element-1c57ecd{--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;--gap:010px 010px;--row-gap:010px;--column-gap:010px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1984 .elementor-element.elementor-element-5eb06c6{padding:8px 8px 8px 8px;border-style:dashed;border-width:1px 1px 1px 1px;border-color:#FF2D83;border-radius:8px 8px 8px 8px;text-align:center;}.elementor-1984 .elementor-element.elementor-element-5eb06c6 .elementor-heading-title{font-family:"Source Code Pro", Sans-serif;font-size:14px;font-weight:400;}.elementor-1984 .elementor-element.elementor-element-ad127bd{background-color:var( --e-global-color-primary );padding:8px 8px 8px 8px;border-style:dashed;border-width:1px 1px 1px 1px;border-color:#FF2D83;border-radius:8px 8px 8px 8px;text-align:center;}.elementor-1984 .elementor-element.elementor-element-ad127bd .elementor-heading-title{font-family:"Source Code Pro", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-48f999a );}.elementor-1984 .elementor-element.elementor-element-3abb62a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:14px 14px 14px 14px;box-shadow:0px 0px 3px 0px rgba(0,0,0,0.5);--padding-top:17px;--padding-bottom:17px;--padding-left:17px;--padding-right:17px;}.elementor-1984 .elementor-element.elementor-element-0019ddf{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1984 .elementor-element.elementor-element-6d6cf6a{text-align:center;}.elementor-1984 .elementor-element.elementor-element-fec08d2{--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;--gap:010px 010px;--row-gap:010px;--column-gap:010px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1984 .elementor-element.elementor-element-6380ffe{padding:8px 8px 8px 8px;border-style:dashed;border-width:1px 1px 1px 1px;border-color:#FF2D83;border-radius:8px 8px 8px 8px;text-align:center;}.elementor-1984 .elementor-element.elementor-element-6380ffe .elementor-heading-title{font-family:"Source Code Pro", Sans-serif;font-size:14px;font-weight:400;}.elementor-1984 .elementor-element.elementor-element-0eff612{background-color:var( --e-global-color-primary );padding:8px 8px 8px 8px;border-style:dashed;border-width:1px 1px 1px 1px;border-color:#FF2D83;border-radius:8px 8px 8px 8px;text-align:center;}.elementor-1984 .elementor-element.elementor-element-0eff612 .elementor-heading-title{font-family:"Source Code Pro", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-48f999a );}.elementor-1984 .elementor-element.elementor-element-906d85a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:14px 14px 14px 14px;box-shadow:0px 0px 3px 0px rgba(0,0,0,0.5);--padding-top:17px;--padding-bottom:17px;--padding-left:17px;--padding-right:17px;}.elementor-1984 .elementor-element.elementor-element-d044829{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1984 .elementor-element.elementor-element-0b3c2f4{text-align:center;}.elementor-1984 .elementor-element.elementor-element-69ff476{--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;--gap:010px 010px;--row-gap:010px;--column-gap:010px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1984 .elementor-element.elementor-element-17058ce{padding:8px 8px 8px 8px;border-style:dashed;border-width:1px 1px 1px 1px;border-color:#FF2D83;border-radius:8px 8px 8px 8px;text-align:center;}.elementor-1984 .elementor-element.elementor-element-17058ce .elementor-heading-title{font-family:"Source Code Pro", Sans-serif;font-size:14px;font-weight:400;}.elementor-1984 .elementor-element.elementor-element-55996a5{background-color:var( --e-global-color-primary );padding:8px 8px 8px 8px;border-style:dashed;border-width:1px 1px 1px 1px;border-color:#FF2D83;border-radius:8px 8px 8px 8px;text-align:center;}.elementor-1984 .elementor-element.elementor-element-55996a5 .elementor-heading-title{font-family:"Source Code Pro", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-48f999a );}@media(min-width:768px){.elementor-1984 .elementor-element.elementor-element-32a6379{--width:30%;}.elementor-1984 .elementor-element.elementor-element-dc4fe90{--width:70%;}.elementor-1984 .elementor-element.elementor-element-511488c{--width:30%;}.elementor-1984 .elementor-element.elementor-element-7cf9498{--width:70%;}.elementor-1984 .elementor-element.elementor-element-01aa439{--width:30%;}.elementor-1984 .elementor-element.elementor-element-1c57ecd{--width:70%;}.elementor-1984 .elementor-element.elementor-element-0019ddf{--width:30%;}.elementor-1984 .elementor-element.elementor-element-fec08d2{--width:70%;}.elementor-1984 .elementor-element.elementor-element-d044829{--width:30%;}.elementor-1984 .elementor-element.elementor-element-69ff476{--width:70%;}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for container, class: .elementor-element-2d34d00 */:root{ --page-bg:#f5f7fa; --pink:#ff2d83; --green:#1fa24a; }

/* CARD + khuyết hai bên */
.coupon-basic{
  position:relative; z-index:0;       /* tạo stacking context */
  background:#fff; border-radius:16px;
  box-shadow:0 10px 28px rgba(0,0,0,.07);
  padding:18px 22px;
  gap:18px;                            /* nếu dùng Container Flex */
}

/* khuyết tròn – nằm TRÊN nền card nhưng DƯỚI nội dung */
.coupon-basic::before,
.coupon-basic::after{
  content:""; position:absolute; top:50%;
  width:24px; height:24px; border-radius:50%;
  background:var(--page-bg); transform:translateY(-50%);
  left:-12px;                          /* chỉ ăn nửa vào mép card */
  z-index:1; pointer-events:none;      /* không chặn click */
  box-shadow:0 0 0 1px rgba(0,0,0,.03) inset;
}
.coupon-basic::after{ left:auto; right:-12px; }

/* đảm bảo NỘI DUNG luôn nằm trên khuyết */
.coupon-basic .cb-left,
.coupon-basic .cb-right{ position:relative; z-index:2; }

/* logo trong “pill” bo góc */
.cb-left .logo-pill{
  background:#fff; border-radius:12px; padding:10px 14px;
  box-shadow:0 6px 16px rgba(0,0,0,.06);
  display:inline-flex; align-items:center; gap:8px;
}

/* vạch chấm dọc ngăn 2 cột – ăn full chiều cao cột phải */
.cb-right{ position:relative; padding-left:18px; }
.cb-right::before{
  content:""; position:absolute; left:0; top:0; bottom:0;
  border-left:2px dashed #e6e7eb;     /* full height */
}

/* nhãn mã giảm giá kiểu nét đứt */
.coupon-code{
  display:inline-block; padding:8px 12px;
  border:2px dashed var(--pink); border-radius:10px;
  background:#fff8fb; color:var(--pink);
  font-family:"Courier New", monospace; font-weight:600;
}

/* CTA hồng */
.coupon-btn{
  display:inline-block; padding:10px 16px; border-radius:999px;
  background:var(--pink); color:#fff; font-weight:700; text-decoration:none;
  box-shadow:0 2px 0 rgba(0,0,0,.05);
}
.coupon-btn:hover{ filter:brightness(.96); }

/* mobile gọn hơn + tránh nội dung sát khuyết */
@media (max-width:540px){
  .coupon-basic{ padding:16px 18px; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-25bda4e */:root{ --page-bg:#f5f7fa; --pink:#ff2d83; --green:#1fa24a; }

/* CARD + khuyết hai bên */
.coupon-basic{
  position:relative; z-index:0;       /* tạo stacking context */
  background:#fff; border-radius:16px;
  box-shadow:0 10px 28px rgba(0,0,0,.07);
  padding:18px 22px;
  gap:18px;                            /* nếu dùng Container Flex */
}

/* khuyết tròn – nằm TRÊN nền card nhưng DƯỚI nội dung */
.coupon-basic::before,
.coupon-basic::after{
  content:""; position:absolute; top:50%;
  width:24px; height:24px; border-radius:50%;
  background:var(--page-bg); transform:translateY(-50%);
  left:-12px;                          /* chỉ ăn nửa vào mép card */
  z-index:1; pointer-events:none;      /* không chặn click */
  box-shadow:0 0 0 1px rgba(0,0,0,.03) inset;
}
.coupon-basic::after{ left:auto; right:-12px; }

/* đảm bảo NỘI DUNG luôn nằm trên khuyết */
.coupon-basic .cb-left,
.coupon-basic .cb-right{ position:relative; z-index:2; }

/* logo trong “pill” bo góc */
.cb-left .logo-pill{
  background:#fff; border-radius:12px; padding:10px 14px;
  box-shadow:0 6px 16px rgba(0,0,0,.06);
  display:inline-flex; align-items:center; gap:8px;
}

/* vạch chấm dọc ngăn 2 cột – ăn full chiều cao cột phải */
.cb-right{ position:relative; padding-left:18px; }
.cb-right::before{
  content:""; position:absolute; left:0; top:0; bottom:0;
  border-left:2px dashed #e6e7eb;     /* full height */
}

/* nhãn mã giảm giá kiểu nét đứt */
.coupon-code{
  display:inline-block; padding:8px 12px;
  border:2px dashed var(--pink); border-radius:10px;
  background:#fff8fb; color:var(--pink);
  font-family:"Courier New", monospace; font-weight:600;
}

/* CTA hồng */
.coupon-btn{
  display:inline-block; padding:10px 16px; border-radius:999px;
  background:var(--pink); color:#fff; font-weight:700; text-decoration:none;
  box-shadow:0 2px 0 rgba(0,0,0,.05);
}
.coupon-btn:hover{ filter:brightness(.96); }

/* mobile gọn hơn + tránh nội dung sát khuyết */
@media (max-width:540px){
  .coupon-basic{ padding:16px 18px; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9bfd533 */:root{ --page-bg:#f5f7fa; --pink:#ff2d83; --green:#1fa24a; }

/* CARD + khuyết hai bên */
.coupon-basic{
  position:relative; z-index:0;       /* tạo stacking context */
  background:#fff; border-radius:16px;
  box-shadow:0 10px 28px rgba(0,0,0,.07);
  padding:18px 22px;
  gap:18px;                            /* nếu dùng Container Flex */
}

/* khuyết tròn – nằm TRÊN nền card nhưng DƯỚI nội dung */
.coupon-basic::before,
.coupon-basic::after{
  content:""; position:absolute; top:50%;
  width:24px; height:24px; border-radius:50%;
  background:var(--page-bg); transform:translateY(-50%);
  left:-12px;                          /* chỉ ăn nửa vào mép card */
  z-index:1; pointer-events:none;      /* không chặn click */
  box-shadow:0 0 0 1px rgba(0,0,0,.03) inset;
}
.coupon-basic::after{ left:auto; right:-12px; }

/* đảm bảo NỘI DUNG luôn nằm trên khuyết */
.coupon-basic .cb-left,
.coupon-basic .cb-right{ position:relative; z-index:2; }

/* logo trong “pill” bo góc */
.cb-left .logo-pill{
  background:#fff; border-radius:12px; padding:10px 14px;
  box-shadow:0 6px 16px rgba(0,0,0,.06);
  display:inline-flex; align-items:center; gap:8px;
}

/* vạch chấm dọc ngăn 2 cột – ăn full chiều cao cột phải */
.cb-right{ position:relative; padding-left:18px; }
.cb-right::before{
  content:""; position:absolute; left:0; top:0; bottom:0;
  border-left:2px dashed #e6e7eb;     /* full height */
}

/* nhãn mã giảm giá kiểu nét đứt */
.coupon-code{
  display:inline-block; padding:8px 12px;
  border:2px dashed var(--pink); border-radius:10px;
  background:#fff8fb; color:var(--pink);
  font-family:"Courier New", monospace; font-weight:600;
}

/* CTA hồng */
.coupon-btn{
  display:inline-block; padding:10px 16px; border-radius:999px;
  background:var(--pink); color:#fff; font-weight:700; text-decoration:none;
  box-shadow:0 2px 0 rgba(0,0,0,.05);
}
.coupon-btn:hover{ filter:brightness(.96); }

/* mobile gọn hơn + tránh nội dung sát khuyết */
@media (max-width:540px){
  .coupon-basic{ padding:16px 18px; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3abb62a */:root{ --page-bg:#f5f7fa; --pink:#ff2d83; --green:#1fa24a; }

/* CARD + khuyết hai bên */
.coupon-basic{
  position:relative; z-index:0;       /* tạo stacking context */
  background:#fff; border-radius:16px;
  box-shadow:0 10px 28px rgba(0,0,0,.07);
  padding:18px 22px;
  gap:18px;                            /* nếu dùng Container Flex */
}

/* khuyết tròn – nằm TRÊN nền card nhưng DƯỚI nội dung */
.coupon-basic::before,
.coupon-basic::after{
  content:""; position:absolute; top:50%;
  width:24px; height:24px; border-radius:50%;
  background:var(--page-bg); transform:translateY(-50%);
  left:-12px;                          /* chỉ ăn nửa vào mép card */
  z-index:1; pointer-events:none;      /* không chặn click */
  box-shadow:0 0 0 1px rgba(0,0,0,.03) inset;
}
.coupon-basic::after{ left:auto; right:-12px; }

/* đảm bảo NỘI DUNG luôn nằm trên khuyết */
.coupon-basic .cb-left,
.coupon-basic .cb-right{ position:relative; z-index:2; }

/* logo trong “pill” bo góc */
.cb-left .logo-pill{
  background:#fff; border-radius:12px; padding:10px 14px;
  box-shadow:0 6px 16px rgba(0,0,0,.06);
  display:inline-flex; align-items:center; gap:8px;
}

/* vạch chấm dọc ngăn 2 cột – ăn full chiều cao cột phải */
.cb-right{ position:relative; padding-left:18px; }
.cb-right::before{
  content:""; position:absolute; left:0; top:0; bottom:0;
  border-left:2px dashed #e6e7eb;     /* full height */
}

/* nhãn mã giảm giá kiểu nét đứt */
.coupon-code{
  display:inline-block; padding:8px 12px;
  border:2px dashed var(--pink); border-radius:10px;
  background:#fff8fb; color:var(--pink);
  font-family:"Courier New", monospace; font-weight:600;
}

/* CTA hồng */
.coupon-btn{
  display:inline-block; padding:10px 16px; border-radius:999px;
  background:var(--pink); color:#fff; font-weight:700; text-decoration:none;
  box-shadow:0 2px 0 rgba(0,0,0,.05);
}
.coupon-btn:hover{ filter:brightness(.96); }

/* mobile gọn hơn + tránh nội dung sát khuyết */
@media (max-width:540px){
  .coupon-basic{ padding:16px 18px; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-906d85a */:root{ --page-bg:#f5f7fa; --pink:#ff2d83; --green:#1fa24a; }

/* CARD + khuyết hai bên */
.coupon-basic{
  position:relative; z-index:0;       /* tạo stacking context */
  background:#fff; border-radius:16px;
  box-shadow:0 10px 28px rgba(0,0,0,.07);
  padding:18px 22px;
  gap:18px;                            /* nếu dùng Container Flex */
}

/* khuyết tròn – nằm TRÊN nền card nhưng DƯỚI nội dung */
.coupon-basic::before,
.coupon-basic::after{
  content:""; position:absolute; top:50%;
  width:24px; height:24px; border-radius:50%;
  background:var(--page-bg); transform:translateY(-50%);
  left:-12px;                          /* chỉ ăn nửa vào mép card */
  z-index:1; pointer-events:none;      /* không chặn click */
  box-shadow:0 0 0 1px rgba(0,0,0,.03) inset;
}
.coupon-basic::after{ left:auto; right:-12px; }

/* đảm bảo NỘI DUNG luôn nằm trên khuyết */
.coupon-basic .cb-left,
.coupon-basic .cb-right{ position:relative; z-index:2; }

/* logo trong “pill” bo góc */
.cb-left .logo-pill{
  background:#fff; border-radius:12px; padding:10px 14px;
  box-shadow:0 6px 16px rgba(0,0,0,.06);
  display:inline-flex; align-items:center; gap:8px;
}

/* vạch chấm dọc ngăn 2 cột – ăn full chiều cao cột phải */
.cb-right{ position:relative; padding-left:18px; }
.cb-right::before{
  content:""; position:absolute; left:0; top:0; bottom:0;
  border-left:2px dashed #e6e7eb;     /* full height */
}

/* nhãn mã giảm giá kiểu nét đứt */
.coupon-code{
  display:inline-block; padding:8px 12px;
  border:2px dashed var(--pink); border-radius:10px;
  background:#fff8fb; color:var(--pink);
  font-family:"Courier New", monospace; font-weight:600;
}

/* CTA hồng */
.coupon-btn{
  display:inline-block; padding:10px 16px; border-radius:999px;
  background:var(--pink); color:#fff; font-weight:700; text-decoration:none;
  box-shadow:0 2px 0 rgba(0,0,0,.05);
}
.coupon-btn:hover{ filter:brightness(.96); }

/* mobile gọn hơn + tránh nội dung sát khuyết */
@media (max-width:540px){
  .coupon-basic{ padding:16px 18px; }
}/* End custom CSS */