.elementor-457 .elementor-element.elementor-element-c6ba4e6{--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;--background-transition:0.3s;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1%;--padding-bottom:2%;--padding-left:0%;--padding-right:0%;}.elementor-457 .elementor-element.elementor-element-c6ba4e6:not(.elementor-motion-effects-element-type-background), .elementor-457 .elementor-element.elementor-element-c6ba4e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at top center, #0D0710F7 39%, #2A1635 100%);}.elementor-457 .elementor-element.elementor-element-c6ba4e6:hover{background-color:var( --e-global-color-kadence9 );}.elementor-457 .elementor-element.elementor-element-12b9fd6{--display:flex;--margin-top:3%;--margin-bottom:-2%;--margin-left:0%;--margin-right:0%;}.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-457 .elementor-element.elementor-element-a54e8d4{width:auto;max-width:auto;margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 1%) -2%;padding:0px 0px 0px 0px;font-family:"Alatsi", Sans-serif;font-weight:400;color:var( --e-global-color-kadence6 );}.elementor-457 .elementor-element.elementor-element-a54e8d4.elementor-element{--align-self:flex-start;}.elementor-457 .elementor-element.elementor-element-a54e8d4 a{color:var( --e-global-color-kadence8 );}.elementor-457 .elementor-element.elementor-element-a54e8d4 a:hover{color:var( --e-global-color-kadence2 );}.elementor-457 .elementor-element.elementor-element-c1f1d08{margin:-1% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0% 0% 0% 0%;border-radius:0px 0px 0px 0px;}.elementor-457 .elementor-element.elementor-element-019d288{width:var( --container-widget-width, 100% );max-width:100%;margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-widget-media-carousel .elementor-carousel-image-overlay{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-457 .elementor-element.elementor-element-6f3ce03.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-457 .elementor-element.elementor-element-6f3ce03:hover{--e-transform-rotateZ:0deg;--e-transform-rotateX:0deg;--e-transform-perspective:20px;}.elementor-457 .elementor-element.elementor-element-6f3ce03{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0% 0% 3% 0%;}.elementor-457 .elementor-element.elementor-element-6f3ce03 .elementor-main-swiper{height:606px;width:100%;}.elementor-457 .elementor-element.elementor-element-6f3ce03 .elementor-main-swiper .swiper-slide{border-width:0px 0px 0px 0px;border-radius:5px;}.elementor-457 .elementor-element.elementor-element-6f3ce03 .elementor-swiper-button{font-size:20px;}.elementor-457 .elementor-element.elementor-element-6f3ce03 .elementor-main-swiper:not(.elementor-thumbnails-swiper) .elementor-carousel-image{background-size:contain;}.elementor-457 .elementor-element.elementor-element-0471f10{width:var( --container-widget-width, 100% );max-width:100%;margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-457 .elementor-element.elementor-element-0471f10.elementor-element{--align-self:center;}.elementor-457 .elementor-element.elementor-element-d801803{--display:flex;}.elementor-457 .elementor-element.elementor-element-e2504de{--display:flex;}.elementor-widget-call-to-action .elementor-cta__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-call-to-action .elementor-cta__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-call-to-action .elementor-cta__button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-call-to-action .elementor-ribbon-inner{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-457 .elementor-element.elementor-element-5d20c4c .elementor-cta .elementor-cta__bg, .elementor-457 .elementor-element.elementor-element-5d20c4c .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-457 .elementor-element.elementor-element-5d20c4c .elementor-cta__content{text-align:center;padding:14px 14px 14px 14px;background-color:#06000A00;}.elementor-457 .elementor-element.elementor-element-5d20c4c .elementor-cta__bg-wrapper{min-height:312px;}.elementor-457 .elementor-element.elementor-element-5d20c4c .elementor-cta__title{font-size:18px;font-weight:600;}.elementor-457 .elementor-element.elementor-element-5d20c4c .elementor-cta__description{font-size:15px;font-weight:400;color:#C5C5C5;}.elementor-457 .elementor-element.elementor-element-5d20c4c .elementor-cta__description:not(:last-child){margin-bottom:26px;}.elementor-457 .elementor-element.elementor-element-2b5d832{--display:flex;}.elementor-457 .elementor-element.elementor-element-5899f85 .elementor-cta .elementor-cta__bg, .elementor-457 .elementor-element.elementor-element-5899f85 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-457 .elementor-element.elementor-element-5899f85 .elementor-cta__content{text-align:center;padding:14px 14px 14px 14px;background-color:#06000A00;}.elementor-457 .elementor-element.elementor-element-5899f85 .elementor-cta__bg-wrapper{min-height:312px;}.elementor-457 .elementor-element.elementor-element-5899f85 .elementor-cta__title{font-size:18px;font-weight:600;}.elementor-457 .elementor-element.elementor-element-5899f85 .elementor-cta__description{font-size:15px;font-weight:400;color:#C5C5C5;}.elementor-457 .elementor-element.elementor-element-5899f85 .elementor-cta__description:not(:last-child){margin-bottom:26px;}.elementor-457 .elementor-element.elementor-element-1608ccc{--display:flex;}.elementor-457 .elementor-element.elementor-element-6457765 .elementor-cta .elementor-cta__bg, .elementor-457 .elementor-element.elementor-element-6457765 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-457 .elementor-element.elementor-element-6457765 .elementor-cta__content{text-align:center;padding:14px 14px 14px 14px;background-color:#06000A00;}.elementor-457 .elementor-element.elementor-element-6457765 .elementor-cta__bg-wrapper{min-height:312px;}.elementor-457 .elementor-element.elementor-element-6457765 .elementor-cta__title{font-size:18px;font-weight:600;}.elementor-457 .elementor-element.elementor-element-6457765 .elementor-cta__description{font-size:15px;font-weight:400;color:#C5C5C5;}.elementor-457 .elementor-element.elementor-element-6457765 .elementor-cta__description:not(:last-child){margin-bottom:26px;}.elementor-457 .elementor-element.elementor-element-da2041c{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:10px;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-normal-color:#FFFFFFBA;--e-n-carousel-arrow-hover-color:var( --e-global-color-kadence4 );}.elementor-457 .elementor-element.elementor-element-da2041c.elementor-element{--align-self:center;}.elementor-457 .elementor-element.elementor-element-7f5afff{--display:flex;}.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 );}.elementor-457 .elementor-element.elementor-element-5c5606a{margin:3% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;text-align:center;}.elementor-457 .elementor-element.elementor-element-5c5606a.elementor-element{--align-self:center;}.elementor-457 .elementor-element.elementor-element-5c5606a .elementor-heading-title{font-family:"Prompt", Sans-serif;font-size:32px;font-weight:600;color:#DDFFEDB8;}.elementor-widget-divider .elementor-divider__text{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-457 .elementor-element.elementor-element-5b8aba3{--divider-border-style:solid;--divider-color:#F7FAFC63;--divider-border-width:1px;width:var( --container-widget-width, 100% );max-width:100%;margin:0% 0% calc(var(--kit-widget-spacing, 0px) + -1%) 0%;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-457 .elementor-element.elementor-element-5b8aba3.elementor-element{--align-self:center;}.elementor-457 .elementor-element.elementor-element-5b8aba3 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-457 .elementor-element.elementor-element-5b8aba3 .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-457 .elementor-element.elementor-element-39fc8f5.elementor-wc-products ul.products li.product{text-align:left;border-radius:5px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);background-color:#FFFFFF;}.elementor-457 .elementor-element.elementor-element-39fc8f5 > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-457 .elementor-element.elementor-element-39fc8f5.elementor-wc-products  ul.products{grid-column-gap:13px;grid-row-gap:30px;}.elementor-457 .elementor-element.elementor-element-39fc8f5.elementor-wc-products .attachment-woocommerce_thumbnail{margin-bottom:0px;}.elementor-457 .elementor-element.elementor-element-39fc8f5.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#000000;}.elementor-457 .elementor-element.elementor-element-39fc8f5.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#000000;}.elementor-457 .elementor-element.elementor-element-39fc8f5.elementor-wc-products ul.products li.product .star-rating{color:#EDEE00;font-size:1em;margin-bottom:13px;}.elementor-457 .elementor-element.elementor-element-39fc8f5.elementor-wc-products ul.products li.product .star-rating::before{color:var( --e-global-color-kadence8 );}.elementor-457 .elementor-element.elementor-element-39fc8f5.elementor-wc-products ul.products li.product .price{color:#760088;font-family:"Prompt", Sans-serif;font-size:18px;font-weight:600;}.elementor-457 .elementor-element.elementor-element-39fc8f5.elementor-wc-products ul.products li.product .price ins{color:#760088;}.elementor-457 .elementor-element.elementor-element-39fc8f5.elementor-wc-products ul.products li.product .price ins .amount{color:#760088;}.elementor-457 .elementor-element.elementor-element-39fc8f5.elementor-wc-products ul.products li.product .price del{color:#9F03B8;}.elementor-457 .elementor-element.elementor-element-39fc8f5.elementor-wc-products ul.products li.product .price del .amount{color:#9F03B8;}.elementor-457 .elementor-element.elementor-element-39fc8f5.elementor-wc-products ul.products li.product .button{color:var( --e-global-color-kadence6 );}.elementor-457 .elementor-element.elementor-element-39fc8f5.elementor-wc-products .added_to_cart{color:var( --e-global-color-kadence8 );}.elementor-457 .elementor-element.elementor-element-25a0ff0{width:var( --container-widget-width, 100% );max-width:100%;margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 2%) 0%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-457 .elementor-element.elementor-element-25a0ff0.elementor-element{--align-self:center;}@media(max-width:1024px){.elementor-457 .elementor-element.elementor-element-c6ba4e6{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:5%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-457 .elementor-element.elementor-element-a54e8d4.elementor-element{--align-self:center;}.elementor-457 .elementor-element.elementor-element-c1f1d08{margin:-4% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-457 .elementor-element.elementor-element-6f3ce03.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-457 .elementor-element.elementor-element-6f3ce03{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-457 .elementor-element.elementor-element-6f3ce03 .elementor-main-swiper{height:380px;}.elementor-457 .elementor-element.elementor-element-5d20c4c .elementor-cta__content{min-height:100px;}.elementor-457 .elementor-element.elementor-element-5d20c4c .elementor-cta__bg-wrapper{min-height:500px;}.elementor-457 .elementor-element.elementor-element-5899f85 .elementor-cta__content{min-height:100px;}.elementor-457 .elementor-element.elementor-element-5899f85 .elementor-cta__bg-wrapper{min-height:500px;}.elementor-457 .elementor-element.elementor-element-6457765 .elementor-cta__content{min-height:100px;}.elementor-457 .elementor-element.elementor-element-6457765 .elementor-cta__bg-wrapper{min-height:500px;}.elementor-457 .elementor-element.elementor-element-da2041c{--e-n-carousel-swiper-slides-to-display:1;}.elementor-457 .elementor-element.elementor-element-39fc8f5.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(min-width:768px){.elementor-457 .elementor-element.elementor-element-c6ba4e6{--content-width:100%;}}@media(max-width:767px){.elementor-457 .elementor-element.elementor-element-c6ba4e6{--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:4%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-457 .elementor-element.elementor-element-a54e8d4.elementor-element{--align-self:center;}.elementor-457 .elementor-element.elementor-element-c1f1d08{margin:-9% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-457 .elementor-element.elementor-element-6f3ce03.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-457 .elementor-element.elementor-element-6f3ce03 .elementor-main-swiper{height:100px;}.elementor-457 .elementor-element.elementor-element-5d20c4c .elementor-cta__bg-wrapper{min-height:314px;}.elementor-457 .elementor-element.elementor-element-5899f85 .elementor-cta__bg-wrapper{min-height:314px;}.elementor-457 .elementor-element.elementor-element-6457765 .elementor-cta__bg-wrapper{min-height:314px;}.elementor-457 .elementor-element.elementor-element-da2041c{--e-n-carousel-swiper-slides-to-display:1;--container-widget-width:336px;--container-widget-flex-grow:0;width:var( --container-widget-width, 336px );max-width:336px;}.elementor-457 .elementor-element.elementor-element-5c5606a{margin:11% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0% 0% 0% 0%;}.elementor-457 .elementor-element.elementor-element-39fc8f5.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for call-to-action, class: .elementor-element-5d20c4c *//* 🌌 HOLE Theme Card Style */
.elementor-457 .elementor-element.elementor-element-5d20c4c {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 18px rgba(0,0,0,0.35);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
  backdrop-filter: blur(12px);
}

/* Hover Effect */
.elementor-457 .elementor-element.elementor-element-5d20c4c:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 28px rgba(59,130,246,0.35);
}

/* ===== Image Area ===== */
.elementor-457 .elementor-element.elementor-element-5d20c4c .elementor-cta__bg {
  filter: brightness(0.9) contrast(1.05);
  transition: transform 0.5s ease, filter 0.4s ease;
}
.elementor-457 .elementor-element.elementor-element-5d20c4c:hover .elementor-cta__bg {
  transform: scale(1.1);
  filter: brightness(1.1) contrast(1.1);
}

/* ===== Title ===== */
.elementor-457 .elementor-element.elementor-element-5d20c4c .elementor-cta__title {
  font-size: 1.3rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 10px;
  background: linear-gradient(90deg,#3b82f6,#a855f7,#ec4899);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ===== Description ===== */
.elementor-457 .elementor-element.elementor-element-5d20c4c .elementor-cta__description {
  font-size: 0.95rem;
  color: #d1d5db;
  line-height: 1.6;
  margin-bottom: 15px;
}

/* ===== Button ===== */
.elementor-457 .elementor-element.elementor-element-5d20c4c .elementor-cta__button {
  display: inline-block;
  padding: 10px 18px;
  border-radius: 12px;
  background: linear-gradient(135deg,#3b82f6,#a855f7);
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  transition: all 0.3s ease;
}
.elementor-457 .elementor-element.elementor-element-5d20c4c .elementor-cta__button:hover {
  background: linear-gradient(135deg,#a855f7,#ec4899);
  box-shadow: 0 0 18px rgba(168,85,247,0.6);
  transform: translateY(-2px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e2504de *//* ===== Container (Bands Section) ===== */
.bands-hotsale-card {
  position: relative;
  border-radius: 16px;
   background: rgba(30, 30, 45, 0.65);
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 6px 14px rgba(0,0,0,0.35);
  padding: 30px 30px;
  font-family:  "prompt";
  color: #E5E7EB;
  text-align: center;
  overflow: hidden;

  /* ค่า default สำหรับ spotlight */
  --x: 50%;
  --y: 50%;
}

/* ===== Spotlight Layer ===== */
.bands-hotsale-card:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 16px;
  background: radial-gradient(
    circle at var(--x) var(--y),
    rgba(139,92,246,0.35) 0%,
    rgba(34,211,238,0.25) 25%,
    rgba(0,0,0,0.0) 60%
  );
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.4s ease;
}

.bands-hotsale-card:hover::before {
  opacity: 1; /* แสดง spotlight เมื่อ hover */
}


/* ===== Media Carousel ===== */
/*.bands-hotsale-card .elementor-image-carousel-wrapper {*/
/*  display: flex;*/
/*  gap: 20px;*/
/*  justify-content: center;*/
/*  margin-top: 20px;*/
/*}*/

/*.bands-hotsale-card .elementor-image-carousel-wrapper img {*/
/*  border-radius: 10px;*/
/*  border: 1px solid rgba(255,255,255,0.08);*/
/*  background: rgba(20,20,35,0.9);*/
/*  padding: 10px;*/
/*  object-fit: contain;*/
/*  width: 160px;*/
/*  height: 160px;*/
/*  transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;*/
/*}*/

/*.bands-hotsale-card .elementor-image-carousel-wrapper img:hover {*/
/*  transform: scale(1.05);*/
/*  background: rgba(59,130,246,0.15);*/
/*  box-shadow: 0 4px 16px rgba(0,0,0,0.35), 0 0 12px rgba(139,92,246,0.35);*/
/*}*//* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-5899f85 *//* 🌌 HOLE Theme Card Style */
.elementor-457 .elementor-element.elementor-element-5899f85 {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 18px rgba(0,0,0,0.35);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
  backdrop-filter: blur(12px);
}

/* Hover Effect */
.elementor-457 .elementor-element.elementor-element-5899f85:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 28px rgba(59,130,246,0.35);
}

/* ===== Image Area ===== */
.elementor-457 .elementor-element.elementor-element-5899f85 .elementor-cta__bg {
  filter: brightness(0.9) contrast(1.05);
  transition: transform 0.5s ease, filter 0.4s ease;
}
.elementor-457 .elementor-element.elementor-element-5899f85:hover .elementor-cta__bg {
  transform: scale(1.1);
  filter: brightness(1.1) contrast(1.1);
}

/* ===== Title ===== */
.elementor-457 .elementor-element.elementor-element-5899f85 .elementor-cta__title {
  font-size: 1.3rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 10px;
  background: linear-gradient(90deg,#3b82f6,#a855f7,#ec4899);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ===== Description ===== */
.elementor-457 .elementor-element.elementor-element-5899f85 .elementor-cta__description {
  font-size: 0.95rem;
  color: #d1d5db;
  line-height: 1.6;
  margin-bottom: 15px;
}

/* ===== Button ===== */
.elementor-457 .elementor-element.elementor-element-5899f85 .elementor-cta__button {
  display: inline-block;
  padding: 10px 18px;
  border-radius: 12px;
  background: linear-gradient(135deg,#3b82f6,#a855f7);
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  transition: all 0.3s ease;
}
.elementor-457 .elementor-element.elementor-element-5899f85 .elementor-cta__button:hover {
  background: linear-gradient(135deg,#a855f7,#ec4899);
  box-shadow: 0 0 18px rgba(168,85,247,0.6);
  transform: translateY(-2px);
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-6457765 *//* 🌌 HOLE Theme Card Style */
.elementor-457 .elementor-element.elementor-element-6457765 {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 18px rgba(0,0,0,0.35);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
  backdrop-filter: blur(12px);
}

/* Hover Effect */
.elementor-457 .elementor-element.elementor-element-6457765:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 28px rgba(59,130,246,0.35);
}

/* ===== Image Area ===== */
.elementor-457 .elementor-element.elementor-element-6457765 .elementor-cta__bg {
  filter: brightness(0.9) contrast(1.05);
  transition: transform 0.5s ease, filter 0.4s ease;
}
.elementor-457 .elementor-element.elementor-element-6457765:hover .elementor-cta__bg {
  transform: scale(1.1);
  filter: brightness(1.1) contrast(1.1);
}

/* ===== Title ===== */
.elementor-457 .elementor-element.elementor-element-6457765 .elementor-cta__title {
  font-size: 1.3rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 10px;
  background: linear-gradient(90deg,#3b82f6,#a855f7,#ec4899);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ===== Description ===== */
.elementor-457 .elementor-element.elementor-element-6457765 .elementor-cta__description {
  font-size: 0.95rem;
  color: #d1d5db;
  line-height: 1.6;
  margin-bottom: 15px;
}

/* ===== Button ===== */
.elementor-457 .elementor-element.elementor-element-6457765 .elementor-cta__button {
  display: inline-block;
  padding: 10px 18px;
  border-radius: 12px;
  background: linear-gradient(135deg,#3b82f6,#a855f7);
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  transition: all 0.3s ease;
}
.elementor-457 .elementor-element.elementor-element-6457765 .elementor-cta__button:hover {
  background: linear-gradient(135deg,#a855f7,#ec4899);
  box-shadow: 0 0 18px rgba(168,85,247,0.6);
  transform: translateY(-2px);
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-5d20c4c *//* 🌌 HOLE Theme Card Style */
.elementor-457 .elementor-element.elementor-element-5d20c4c {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 18px rgba(0,0,0,0.35);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
  backdrop-filter: blur(12px);
}

/* Hover Effect */
.elementor-457 .elementor-element.elementor-element-5d20c4c:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 28px rgba(59,130,246,0.35);
}

/* ===== Image Area ===== */
.elementor-457 .elementor-element.elementor-element-5d20c4c .elementor-cta__bg {
  filter: brightness(0.9) contrast(1.05);
  transition: transform 0.5s ease, filter 0.4s ease;
}
.elementor-457 .elementor-element.elementor-element-5d20c4c:hover .elementor-cta__bg {
  transform: scale(1.1);
  filter: brightness(1.1) contrast(1.1);
}

/* ===== Title ===== */
.elementor-457 .elementor-element.elementor-element-5d20c4c .elementor-cta__title {
  font-size: 1.3rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 10px;
  background: linear-gradient(90deg,#3b82f6,#a855f7,#ec4899);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ===== Description ===== */
.elementor-457 .elementor-element.elementor-element-5d20c4c .elementor-cta__description {
  font-size: 0.95rem;
  color: #d1d5db;
  line-height: 1.6;
  margin-bottom: 15px;
}

/* ===== Button ===== */
.elementor-457 .elementor-element.elementor-element-5d20c4c .elementor-cta__button {
  display: inline-block;
  padding: 10px 18px;
  border-radius: 12px;
  background: linear-gradient(135deg,#3b82f6,#a855f7);
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  transition: all 0.3s ease;
}
.elementor-457 .elementor-element.elementor-element-5d20c4c .elementor-cta__button:hover {
  background: linear-gradient(135deg,#a855f7,#ec4899);
  box-shadow: 0 0 18px rgba(168,85,247,0.6);
  transform: translateY(-2px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e2504de *//* ===== Container (Bands Section) ===== */
.bands-hotsale-card {
  position: relative;
  border-radius: 16px;
   background: rgba(30, 30, 45, 0.65);
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 6px 14px rgba(0,0,0,0.35);
  padding: 30px 30px;
  font-family:  "prompt";
  color: #E5E7EB;
  text-align: center;
  overflow: hidden;

  /* ค่า default สำหรับ spotlight */
  --x: 50%;
  --y: 50%;
}

/* ===== Spotlight Layer ===== */
.bands-hotsale-card:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 16px;
  background: radial-gradient(
    circle at var(--x) var(--y),
    rgba(139,92,246,0.35) 0%,
    rgba(34,211,238,0.25) 25%,
    rgba(0,0,0,0.0) 60%
  );
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.4s ease;
}

.bands-hotsale-card:hover::before {
  opacity: 1; /* แสดง spotlight เมื่อ hover */
}


/* ===== Media Carousel ===== */
/*.bands-hotsale-card .elementor-image-carousel-wrapper {*/
/*  display: flex;*/
/*  gap: 20px;*/
/*  justify-content: center;*/
/*  margin-top: 20px;*/
/*}*/

/*.bands-hotsale-card .elementor-image-carousel-wrapper img {*/
/*  border-radius: 10px;*/
/*  border: 1px solid rgba(255,255,255,0.08);*/
/*  background: rgba(20,20,35,0.9);*/
/*  padding: 10px;*/
/*  object-fit: contain;*/
/*  width: 160px;*/
/*  height: 160px;*/
/*  transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;*/
/*}*/

/*.bands-hotsale-card .elementor-image-carousel-wrapper img:hover {*/
/*  transform: scale(1.05);*/
/*  background: rgba(59,130,246,0.15);*/
/*  box-shadow: 0 4px 16px rgba(0,0,0,0.35), 0 0 12px rgba(139,92,246,0.35);*/
/*}*//* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-5899f85 *//* 🌌 HOLE Theme Card Style */
.elementor-457 .elementor-element.elementor-element-5899f85 {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 18px rgba(0,0,0,0.35);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
  backdrop-filter: blur(12px);
}

/* Hover Effect */
.elementor-457 .elementor-element.elementor-element-5899f85:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 28px rgba(59,130,246,0.35);
}

/* ===== Image Area ===== */
.elementor-457 .elementor-element.elementor-element-5899f85 .elementor-cta__bg {
  filter: brightness(0.9) contrast(1.05);
  transition: transform 0.5s ease, filter 0.4s ease;
}
.elementor-457 .elementor-element.elementor-element-5899f85:hover .elementor-cta__bg {
  transform: scale(1.1);
  filter: brightness(1.1) contrast(1.1);
}

/* ===== Title ===== */
.elementor-457 .elementor-element.elementor-element-5899f85 .elementor-cta__title {
  font-size: 1.3rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 10px;
  background: linear-gradient(90deg,#3b82f6,#a855f7,#ec4899);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ===== Description ===== */
.elementor-457 .elementor-element.elementor-element-5899f85 .elementor-cta__description {
  font-size: 0.95rem;
  color: #d1d5db;
  line-height: 1.6;
  margin-bottom: 15px;
}

/* ===== Button ===== */
.elementor-457 .elementor-element.elementor-element-5899f85 .elementor-cta__button {
  display: inline-block;
  padding: 10px 18px;
  border-radius: 12px;
  background: linear-gradient(135deg,#3b82f6,#a855f7);
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  transition: all 0.3s ease;
}
.elementor-457 .elementor-element.elementor-element-5899f85 .elementor-cta__button:hover {
  background: linear-gradient(135deg,#a855f7,#ec4899);
  box-shadow: 0 0 18px rgba(168,85,247,0.6);
  transform: translateY(-2px);
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-6457765 *//* 🌌 HOLE Theme Card Style */
.elementor-457 .elementor-element.elementor-element-6457765 {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 18px rgba(0,0,0,0.35);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
  backdrop-filter: blur(12px);
}

/* Hover Effect */
.elementor-457 .elementor-element.elementor-element-6457765:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 28px rgba(59,130,246,0.35);
}

/* ===== Image Area ===== */
.elementor-457 .elementor-element.elementor-element-6457765 .elementor-cta__bg {
  filter: brightness(0.9) contrast(1.05);
  transition: transform 0.5s ease, filter 0.4s ease;
}
.elementor-457 .elementor-element.elementor-element-6457765:hover .elementor-cta__bg {
  transform: scale(1.1);
  filter: brightness(1.1) contrast(1.1);
}

/* ===== Title ===== */
.elementor-457 .elementor-element.elementor-element-6457765 .elementor-cta__title {
  font-size: 1.3rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 10px;
  background: linear-gradient(90deg,#3b82f6,#a855f7,#ec4899);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ===== Description ===== */
.elementor-457 .elementor-element.elementor-element-6457765 .elementor-cta__description {
  font-size: 0.95rem;
  color: #d1d5db;
  line-height: 1.6;
  margin-bottom: 15px;
}

/* ===== Button ===== */
.elementor-457 .elementor-element.elementor-element-6457765 .elementor-cta__button {
  display: inline-block;
  padding: 10px 18px;
  border-radius: 12px;
  background: linear-gradient(135deg,#3b82f6,#a855f7);
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  transition: all 0.3s ease;
}
.elementor-457 .elementor-element.elementor-element-6457765 .elementor-cta__button:hover {
  background: linear-gradient(135deg,#a855f7,#ec4899);
  box-shadow: 0 0 18px rgba(168,85,247,0.6);
  transform: translateY(-2px);
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-5d20c4c *//* 🌌 HOLE Theme Card Style */
.elementor-457 .elementor-element.elementor-element-5d20c4c {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 18px rgba(0,0,0,0.35);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
  backdrop-filter: blur(12px);
}

/* Hover Effect */
.elementor-457 .elementor-element.elementor-element-5d20c4c:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 28px rgba(59,130,246,0.35);
}

/* ===== Image Area ===== */
.elementor-457 .elementor-element.elementor-element-5d20c4c .elementor-cta__bg {
  filter: brightness(0.9) contrast(1.05);
  transition: transform 0.5s ease, filter 0.4s ease;
}
.elementor-457 .elementor-element.elementor-element-5d20c4c:hover .elementor-cta__bg {
  transform: scale(1.1);
  filter: brightness(1.1) contrast(1.1);
}

/* ===== Title ===== */
.elementor-457 .elementor-element.elementor-element-5d20c4c .elementor-cta__title {
  font-size: 1.3rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 10px;
  background: linear-gradient(90deg,#3b82f6,#a855f7,#ec4899);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ===== Description ===== */
.elementor-457 .elementor-element.elementor-element-5d20c4c .elementor-cta__description {
  font-size: 0.95rem;
  color: #d1d5db;
  line-height: 1.6;
  margin-bottom: 15px;
}

/* ===== Button ===== */
.elementor-457 .elementor-element.elementor-element-5d20c4c .elementor-cta__button {
  display: inline-block;
  padding: 10px 18px;
  border-radius: 12px;
  background: linear-gradient(135deg,#3b82f6,#a855f7);
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  transition: all 0.3s ease;
}
.elementor-457 .elementor-element.elementor-element-5d20c4c .elementor-cta__button:hover {
  background: linear-gradient(135deg,#a855f7,#ec4899);
  box-shadow: 0 0 18px rgba(168,85,247,0.6);
  transform: translateY(-2px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e2504de *//* ===== Container (Bands Section) ===== */
.bands-hotsale-card {
  position: relative;
  border-radius: 16px;
   background: rgba(30, 30, 45, 0.65);
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 6px 14px rgba(0,0,0,0.35);
  padding: 30px 30px;
  font-family:  "prompt";
  color: #E5E7EB;
  text-align: center;
  overflow: hidden;

  /* ค่า default สำหรับ spotlight */
  --x: 50%;
  --y: 50%;
}

/* ===== Spotlight Layer ===== */
.bands-hotsale-card:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 16px;
  background: radial-gradient(
    circle at var(--x) var(--y),
    rgba(139,92,246,0.35) 0%,
    rgba(34,211,238,0.25) 25%,
    rgba(0,0,0,0.0) 60%
  );
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.4s ease;
}

.bands-hotsale-card:hover::before {
  opacity: 1; /* แสดง spotlight เมื่อ hover */
}


/* ===== Media Carousel ===== */
/*.bands-hotsale-card .elementor-image-carousel-wrapper {*/
/*  display: flex;*/
/*  gap: 20px;*/
/*  justify-content: center;*/
/*  margin-top: 20px;*/
/*}*/

/*.bands-hotsale-card .elementor-image-carousel-wrapper img {*/
/*  border-radius: 10px;*/
/*  border: 1px solid rgba(255,255,255,0.08);*/
/*  background: rgba(20,20,35,0.9);*/
/*  padding: 10px;*/
/*  object-fit: contain;*/
/*  width: 160px;*/
/*  height: 160px;*/
/*  transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;*/
/*}*/

/*.bands-hotsale-card .elementor-image-carousel-wrapper img:hover {*/
/*  transform: scale(1.05);*/
/*  background: rgba(59,130,246,0.15);*/
/*  box-shadow: 0 4px 16px rgba(0,0,0,0.35), 0 0 12px rgba(139,92,246,0.35);*/
/*}*//* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-5899f85 *//* 🌌 HOLE Theme Card Style */
.elementor-457 .elementor-element.elementor-element-5899f85 {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 18px rgba(0,0,0,0.35);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
  backdrop-filter: blur(12px);
}

/* Hover Effect */
.elementor-457 .elementor-element.elementor-element-5899f85:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 28px rgba(59,130,246,0.35);
}

/* ===== Image Area ===== */
.elementor-457 .elementor-element.elementor-element-5899f85 .elementor-cta__bg {
  filter: brightness(0.9) contrast(1.05);
  transition: transform 0.5s ease, filter 0.4s ease;
}
.elementor-457 .elementor-element.elementor-element-5899f85:hover .elementor-cta__bg {
  transform: scale(1.1);
  filter: brightness(1.1) contrast(1.1);
}

/* ===== Title ===== */
.elementor-457 .elementor-element.elementor-element-5899f85 .elementor-cta__title {
  font-size: 1.3rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 10px;
  background: linear-gradient(90deg,#3b82f6,#a855f7,#ec4899);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ===== Description ===== */
.elementor-457 .elementor-element.elementor-element-5899f85 .elementor-cta__description {
  font-size: 0.95rem;
  color: #d1d5db;
  line-height: 1.6;
  margin-bottom: 15px;
}

/* ===== Button ===== */
.elementor-457 .elementor-element.elementor-element-5899f85 .elementor-cta__button {
  display: inline-block;
  padding: 10px 18px;
  border-radius: 12px;
  background: linear-gradient(135deg,#3b82f6,#a855f7);
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  transition: all 0.3s ease;
}
.elementor-457 .elementor-element.elementor-element-5899f85 .elementor-cta__button:hover {
  background: linear-gradient(135deg,#a855f7,#ec4899);
  box-shadow: 0 0 18px rgba(168,85,247,0.6);
  transform: translateY(-2px);
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-6457765 *//* 🌌 HOLE Theme Card Style */
.elementor-457 .elementor-element.elementor-element-6457765 {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 18px rgba(0,0,0,0.35);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
  backdrop-filter: blur(12px);
}

/* Hover Effect */
.elementor-457 .elementor-element.elementor-element-6457765:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 28px rgba(59,130,246,0.35);
}

/* ===== Image Area ===== */
.elementor-457 .elementor-element.elementor-element-6457765 .elementor-cta__bg {
  filter: brightness(0.9) contrast(1.05);
  transition: transform 0.5s ease, filter 0.4s ease;
}
.elementor-457 .elementor-element.elementor-element-6457765:hover .elementor-cta__bg {
  transform: scale(1.1);
  filter: brightness(1.1) contrast(1.1);
}

/* ===== Title ===== */
.elementor-457 .elementor-element.elementor-element-6457765 .elementor-cta__title {
  font-size: 1.3rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 10px;
  background: linear-gradient(90deg,#3b82f6,#a855f7,#ec4899);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ===== Description ===== */
.elementor-457 .elementor-element.elementor-element-6457765 .elementor-cta__description {
  font-size: 0.95rem;
  color: #d1d5db;
  line-height: 1.6;
  margin-bottom: 15px;
}

/* ===== Button ===== */
.elementor-457 .elementor-element.elementor-element-6457765 .elementor-cta__button {
  display: inline-block;
  padding: 10px 18px;
  border-radius: 12px;
  background: linear-gradient(135deg,#3b82f6,#a855f7);
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  transition: all 0.3s ease;
}
.elementor-457 .elementor-element.elementor-element-6457765 .elementor-cta__button:hover {
  background: linear-gradient(135deg,#a855f7,#ec4899);
  box-shadow: 0 0 18px rgba(168,85,247,0.6);
  transform: translateY(-2px);
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-5d20c4c *//* 🌌 HOLE Theme Card Style */
.elementor-457 .elementor-element.elementor-element-5d20c4c {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 18px rgba(0,0,0,0.35);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
  backdrop-filter: blur(12px);
}

/* Hover Effect */
.elementor-457 .elementor-element.elementor-element-5d20c4c:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 28px rgba(59,130,246,0.35);
}

/* ===== Image Area ===== */
.elementor-457 .elementor-element.elementor-element-5d20c4c .elementor-cta__bg {
  filter: brightness(0.9) contrast(1.05);
  transition: transform 0.5s ease, filter 0.4s ease;
}
.elementor-457 .elementor-element.elementor-element-5d20c4c:hover .elementor-cta__bg {
  transform: scale(1.1);
  filter: brightness(1.1) contrast(1.1);
}

/* ===== Title ===== */
.elementor-457 .elementor-element.elementor-element-5d20c4c .elementor-cta__title {
  font-size: 1.3rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 10px;
  background: linear-gradient(90deg,#3b82f6,#a855f7,#ec4899);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ===== Description ===== */
.elementor-457 .elementor-element.elementor-element-5d20c4c .elementor-cta__description {
  font-size: 0.95rem;
  color: #d1d5db;
  line-height: 1.6;
  margin-bottom: 15px;
}

/* ===== Button ===== */
.elementor-457 .elementor-element.elementor-element-5d20c4c .elementor-cta__button {
  display: inline-block;
  padding: 10px 18px;
  border-radius: 12px;
  background: linear-gradient(135deg,#3b82f6,#a855f7);
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  transition: all 0.3s ease;
}
.elementor-457 .elementor-element.elementor-element-5d20c4c .elementor-cta__button:hover {
  background: linear-gradient(135deg,#a855f7,#ec4899);
  box-shadow: 0 0 18px rgba(168,85,247,0.6);
  transform: translateY(-2px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e2504de *//* ===== Container (Bands Section) ===== */
.bands-hotsale-card {
  position: relative;
  border-radius: 16px;
   background: rgba(30, 30, 45, 0.65);
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 6px 14px rgba(0,0,0,0.35);
  padding: 30px 30px;
  font-family:  "prompt";
  color: #E5E7EB;
  text-align: center;
  overflow: hidden;

  /* ค่า default สำหรับ spotlight */
  --x: 50%;
  --y: 50%;
}

/* ===== Spotlight Layer ===== */
.bands-hotsale-card:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 16px;
  background: radial-gradient(
    circle at var(--x) var(--y),
    rgba(139,92,246,0.35) 0%,
    rgba(34,211,238,0.25) 25%,
    rgba(0,0,0,0.0) 60%
  );
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.4s ease;
}

.bands-hotsale-card:hover::before {
  opacity: 1; /* แสดง spotlight เมื่อ hover */
}


/* ===== Media Carousel ===== */
/*.bands-hotsale-card .elementor-image-carousel-wrapper {*/
/*  display: flex;*/
/*  gap: 20px;*/
/*  justify-content: center;*/
/*  margin-top: 20px;*/
/*}*/

/*.bands-hotsale-card .elementor-image-carousel-wrapper img {*/
/*  border-radius: 10px;*/
/*  border: 1px solid rgba(255,255,255,0.08);*/
/*  background: rgba(20,20,35,0.9);*/
/*  padding: 10px;*/
/*  object-fit: contain;*/
/*  width: 160px;*/
/*  height: 160px;*/
/*  transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;*/
/*}*/

/*.bands-hotsale-card .elementor-image-carousel-wrapper img:hover {*/
/*  transform: scale(1.05);*/
/*  background: rgba(59,130,246,0.15);*/
/*  box-shadow: 0 4px 16px rgba(0,0,0,0.35), 0 0 12px rgba(139,92,246,0.35);*/
/*}*//* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-5899f85 *//* 🌌 HOLE Theme Card Style */
.elementor-457 .elementor-element.elementor-element-5899f85 {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 18px rgba(0,0,0,0.35);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
  backdrop-filter: blur(12px);
}

/* Hover Effect */
.elementor-457 .elementor-element.elementor-element-5899f85:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 28px rgba(59,130,246,0.35);
}

/* ===== Image Area ===== */
.elementor-457 .elementor-element.elementor-element-5899f85 .elementor-cta__bg {
  filter: brightness(0.9) contrast(1.05);
  transition: transform 0.5s ease, filter 0.4s ease;
}
.elementor-457 .elementor-element.elementor-element-5899f85:hover .elementor-cta__bg {
  transform: scale(1.1);
  filter: brightness(1.1) contrast(1.1);
}

/* ===== Title ===== */
.elementor-457 .elementor-element.elementor-element-5899f85 .elementor-cta__title {
  font-size: 1.3rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 10px;
  background: linear-gradient(90deg,#3b82f6,#a855f7,#ec4899);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ===== Description ===== */
.elementor-457 .elementor-element.elementor-element-5899f85 .elementor-cta__description {
  font-size: 0.95rem;
  color: #d1d5db;
  line-height: 1.6;
  margin-bottom: 15px;
}

/* ===== Button ===== */
.elementor-457 .elementor-element.elementor-element-5899f85 .elementor-cta__button {
  display: inline-block;
  padding: 10px 18px;
  border-radius: 12px;
  background: linear-gradient(135deg,#3b82f6,#a855f7);
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  transition: all 0.3s ease;
}
.elementor-457 .elementor-element.elementor-element-5899f85 .elementor-cta__button:hover {
  background: linear-gradient(135deg,#a855f7,#ec4899);
  box-shadow: 0 0 18px rgba(168,85,247,0.6);
  transform: translateY(-2px);
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-6457765 *//* 🌌 HOLE Theme Card Style */
.elementor-457 .elementor-element.elementor-element-6457765 {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 18px rgba(0,0,0,0.35);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
  backdrop-filter: blur(12px);
}

/* Hover Effect */
.elementor-457 .elementor-element.elementor-element-6457765:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 28px rgba(59,130,246,0.35);
}

/* ===== Image Area ===== */
.elementor-457 .elementor-element.elementor-element-6457765 .elementor-cta__bg {
  filter: brightness(0.9) contrast(1.05);
  transition: transform 0.5s ease, filter 0.4s ease;
}
.elementor-457 .elementor-element.elementor-element-6457765:hover .elementor-cta__bg {
  transform: scale(1.1);
  filter: brightness(1.1) contrast(1.1);
}

/* ===== Title ===== */
.elementor-457 .elementor-element.elementor-element-6457765 .elementor-cta__title {
  font-size: 1.3rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 10px;
  background: linear-gradient(90deg,#3b82f6,#a855f7,#ec4899);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ===== Description ===== */
.elementor-457 .elementor-element.elementor-element-6457765 .elementor-cta__description {
  font-size: 0.95rem;
  color: #d1d5db;
  line-height: 1.6;
  margin-bottom: 15px;
}

/* ===== Button ===== */
.elementor-457 .elementor-element.elementor-element-6457765 .elementor-cta__button {
  display: inline-block;
  padding: 10px 18px;
  border-radius: 12px;
  background: linear-gradient(135deg,#3b82f6,#a855f7);
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  transition: all 0.3s ease;
}
.elementor-457 .elementor-element.elementor-element-6457765 .elementor-cta__button:hover {
  background: linear-gradient(135deg,#a855f7,#ec4899);
  box-shadow: 0 0 18px rgba(168,85,247,0.6);
  transform: translateY(-2px);
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-39fc8f5 *//* 🌌 HOLE+ WooCommerce Products Widget → Open in new tab */
.elementor-457 .elementor-element.elementor-element-39fc8f5 .woocommerce ul.products li.product a {
  pointer-events: auto;
}/* End custom CSS */