.elementor-3362 .elementor-element.elementor-element-dea4113{--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;--padding-top:70px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3362 .elementor-element.elementor-element-dea4113:not(.elementor-motion-effects-element-type-background), .elementor-3362 .elementor-element.elementor-element-dea4113 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-3362 .elementor-element.elementor-element-304f1ce{--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;}.elementor-3362 .elementor-element.elementor-element-0ccf773{--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;}.elementor-widget-woocommerce-product-title .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 );}.woocommerce .elementor-3362 .elementor-element.elementor-element-1e77ac4 .star-rating{color:#FFEC00;}.elementor-widget-woocommerce-product-meta .product_meta .detail-container:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-3362 .elementor-element.elementor-element-777a904{font-family:"Roboto", Sans-serif;}.woocommerce .elementor-3362 .elementor-element.elementor-element-3fc17f4 .woocommerce-product-details__short-description{font-family:"Roboto", Sans-serif;}.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-3362 .elementor-element.elementor-element-2d04df6 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:600;}.elementor-3362 .elementor-element.elementor-element-0f07267 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:21px;font-weight:600;}.elementor-3362 .elementor-element.elementor-element-767e018{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 5px;--row-gap:0px;--column-gap:5px;--grid-auto-flow:row;--justify-items:stretch;--align-items:center;--overflow:hidden;}.elementor-3362 .elementor-element.elementor-element-767e018.e-con{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-3362 .elementor-element.elementor-element-fe58e4c{--display:flex;--min-height:90px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--padding-top:10px;--padding-bottom:0px;--padding-left:5px;--padding-right:5px;}.elementor-3362 .elementor-element.elementor-element-fe58e4c:hover{background-color:var( --e-global-color-astglobalcolor4 );--border-radius:15px 15px 15px 15px;--border-top-left-radius:15px;--border-top-right-radius:15px;--border-bottom-right-radius:15px;--border-bottom-left-radius:15px;}.elementor-3362 .elementor-element.elementor-element-fe58e4c, .elementor-3362 .elementor-element.elementor-element-fe58e4c::before{--border-transition:0.3s;}.elementor-3362 .elementor-element.elementor-element-ca19e0f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:700;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );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-3362 .elementor-element.elementor-element-691d305{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:400;}.elementor-3362 .elementor-element.elementor-element-691d305 p{margin-block-end:0px;}.elementor-3362 .elementor-element.elementor-element-3a3ee35{--display:flex;--min-height:90px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--padding-top:10px;--padding-bottom:0px;--padding-left:5px;--padding-right:5px;}.elementor-3362 .elementor-element.elementor-element-3a3ee35:hover{background-color:var( --e-global-color-astglobalcolor4 );--border-radius:15px 15px 15px 15px;--border-top-left-radius:15px;--border-top-right-radius:15px;--border-bottom-right-radius:15px;--border-bottom-left-radius:15px;}.elementor-3362 .elementor-element.elementor-element-3a3ee35, .elementor-3362 .elementor-element.elementor-element-3a3ee35::before{--border-transition:0.3s;}.elementor-3362 .elementor-element.elementor-element-3a3ee35.e-con{--align-self:center;}.elementor-3362 .elementor-element.elementor-element-8791d50 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:700;}.elementor-3362 .elementor-element.elementor-element-9e88bf7{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:400;}.elementor-3362 .elementor-element.elementor-element-9e88bf7 p{margin-block-end:0px;}.elementor-3362 .elementor-element.elementor-element-d01e9db .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:600;}.elementor-3362 .elementor-element.elementor-element-427405e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:21px;font-weight:600;}.elementor-3362 .elementor-element.elementor-element-a9d0868{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 5px;--row-gap:0px;--column-gap:5px;--grid-auto-flow:row;--justify-items:stretch;--align-items:center;--overflow:hidden;}.elementor-3362 .elementor-element.elementor-element-a9d0868.e-con{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-3362 .elementor-element.elementor-element-4a9aa02{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--padding-top:10px;--padding-bottom:0px;--padding-left:5px;--padding-right:5px;}.elementor-3362 .elementor-element.elementor-element-4a9aa02:hover{background-color:var( --e-global-color-astglobalcolor4 );--border-radius:15px 15px 15px 15px;--border-top-left-radius:15px;--border-top-right-radius:15px;--border-bottom-right-radius:15px;--border-bottom-left-radius:15px;}.elementor-3362 .elementor-element.elementor-element-4a9aa02, .elementor-3362 .elementor-element.elementor-element-4a9aa02::before{--border-transition:0.3s;}.elementor-3362 .elementor-element.elementor-element-d60991c .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:700;}.elementor-3362 .elementor-element.elementor-element-81aa470{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:400;}.elementor-3362 .elementor-element.elementor-element-81aa470 p{margin-block-end:0px;}.elementor-3362 .elementor-element.elementor-element-cb5b0ec{--display:flex;--min-height:0px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--padding-top:10px;--padding-bottom:0px;--padding-left:5px;--padding-right:5px;}.elementor-3362 .elementor-element.elementor-element-cb5b0ec:hover{background-color:var( --e-global-color-astglobalcolor4 );--border-radius:15px 15px 15px 15px;--border-top-left-radius:15px;--border-top-right-radius:15px;--border-bottom-right-radius:15px;--border-bottom-left-radius:15px;}.elementor-3362 .elementor-element.elementor-element-cb5b0ec, .elementor-3362 .elementor-element.elementor-element-cb5b0ec::before{--border-transition:0.3s;}.elementor-3362 .elementor-element.elementor-element-cb5b0ec.e-con{--align-self:center;}.elementor-3362 .elementor-element.elementor-element-308776c .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:700;}.elementor-3362 .elementor-element.elementor-element-e2b7e24{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:400;}.elementor-3362 .elementor-element.elementor-element-e2b7e24 p{margin-block-end:0px;}.elementor-3362 .elementor-element.elementor-element-839413d{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-3362 .elementor-element.elementor-element-839413d:not(.elementor-motion-effects-element-type-background), .elementor-3362 .elementor-element.elementor-element-839413d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-3362 .elementor-element.elementor-element-d941118{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:70px;}.elementor-3362 .elementor-element.elementor-element-7b9be5a{text-align:center;}.elementor-3362 .elementor-element.elementor-element-7b9be5a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:41px;font-weight:900;}.elementor-3362 .elementor-element.elementor-element-dad8bb2{text-align:justify;}.elementor-3362 .elementor-element.elementor-element-b294753{--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;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3362 .elementor-element.elementor-element-d1d39d1{--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:50px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-3362 .elementor-element.elementor-element-d1d39d1:not(.elementor-motion-effects-element-type-background), .elementor-3362 .elementor-element.elementor-element-d1d39d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-3362 .elementor-element.elementor-element-127a901{text-align:center;}.elementor-3362 .elementor-element.elementor-element-127a901 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:41px;font-weight:900;}.elementor-3362 .elementor-element.elementor-element-ce4a72a{border-radius:15px 15px 15px 15px;}.elementor-3362 .elementor-element.elementor-element-ce4a72a .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-3362 .elementor-element.elementor-element-7ca5a8b{--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:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3362 .elementor-element.elementor-element-7ca5a8b:not(.elementor-motion-effects-element-type-background), .elementor-3362 .elementor-element.elementor-element-7ca5a8b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-3362 .elementor-element.elementor-element-c6c2552{text-align:center;}.elementor-3362 .elementor-element.elementor-element-c6c2552 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:41px;font-weight:900;}.elementor-3362 .elementor-element.elementor-element-410ea26{--display:flex;}.elementor-3362 .elementor-element.elementor-element-4a6011c{--display:flex;--justify-content:space-around;}.elementor-3362 .elementor-element.elementor-element-314c47f{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3362 .elementor-element.elementor-element-760a594{--display:flex;--justify-content:space-between;}.elementor-3362 .elementor-element.elementor-element-a9315f4{--display:flex;--justify-content:space-around;}.elementor-3362 .elementor-element.elementor-element-89d8839{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3362 .elementor-element.elementor-element-a99b708{--display:flex;}.elementor-3362 .elementor-element.elementor-element-a7b809f{--display:flex;--justify-content:space-around;}.elementor-3362 .elementor-element.elementor-element-3577b3f{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3362 .elementor-element.elementor-element-1ef21cf{--display:flex;}.elementor-3362 .elementor-element.elementor-element-b403d84{--display:flex;--justify-content:space-around;}.elementor-3362 .elementor-element.elementor-element-7265309{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3362 .elementor-element.elementor-element-12dbffd{--display:flex;}.elementor-3362 .elementor-element.elementor-element-ff6e69c{--display:flex;--justify-content:space-evenly;}.elementor-3362 .elementor-element.elementor-element-1e5e5a6{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3362 .elementor-element.elementor-element-87d5c20{--display:flex;}.elementor-3362 .elementor-element.elementor-element-62fc708{--display:flex;}.elementor-3362 .elementor-element.elementor-element-d14a70b img{border-radius:15px 15px 15px 15px;}.elementor-3362 .elementor-element.elementor-element-a89e8cc{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3362 .elementor-element.elementor-element-734fa31{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-progressbar-normal-color:var( --e-global-color-astglobalcolor0 );--e-n-carousel-progressbar-hover-color:var( --e-global-color-astglobalcolor1 );}.elementor-3362 .elementor-element.elementor-element-d18bad6{--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:50px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-3362 .elementor-element.elementor-element-d18bad6:not(.elementor-motion-effects-element-type-background), .elementor-3362 .elementor-element.elementor-element-d18bad6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-3362 .elementor-element.elementor-element-bdd736b{text-align:center;}.elementor-3362 .elementor-element.elementor-element-bdd736b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:41px;font-weight:900;}.elementor-3362 .elementor-element.elementor-element-bd00f2b{border-radius:15px 15px 15px 15px;}.elementor-3362 .elementor-element.elementor-element-bd00f2b .elementor-wrapper{--video-aspect-ratio:1.77777;}@media(max-width:1024px){.elementor-3362 .elementor-element.elementor-element-767e018{--grid-auto-flow:row;}.elementor-3362 .elementor-element.elementor-element-a9d0868{--grid-auto-flow:row;}.elementor-3362 .elementor-element.elementor-element-314c47f{--grid-auto-flow:row;}.elementor-3362 .elementor-element.elementor-element-89d8839{--grid-auto-flow:row;}.elementor-3362 .elementor-element.elementor-element-3577b3f{--grid-auto-flow:row;}.elementor-3362 .elementor-element.elementor-element-7265309{--grid-auto-flow:row;}.elementor-3362 .elementor-element.elementor-element-1e5e5a6{--grid-auto-flow:row;}.elementor-3362 .elementor-element.elementor-element-a89e8cc{--grid-auto-flow:row;}.elementor-3362 .elementor-element.elementor-element-734fa31{--e-n-carousel-swiper-slides-to-display:2;}}@media(min-width:768px){.elementor-3362 .elementor-element.elementor-element-dea4113{--content-width:1300px;}.elementor-3362 .elementor-element.elementor-element-304f1ce{--width:65%;}.elementor-3362 .elementor-element.elementor-element-0ccf773{--width:35%;}.elementor-3362 .elementor-element.elementor-element-839413d{--content-width:1300px;}.elementor-3362 .elementor-element.elementor-element-d941118{--width:40%;}.elementor-3362 .elementor-element.elementor-element-b294753{--width:60%;}.elementor-3362 .elementor-element.elementor-element-d1d39d1{--content-width:853px;}.elementor-3362 .elementor-element.elementor-element-d18bad6{--content-width:853px;}}@media(max-width:767px){.elementor-3362 .elementor-element.elementor-element-767e018{--e-con-grid-template-columns:repeat(1, 1fr);--gap:3px 3px;--row-gap:3px;--column-gap:3px;--grid-auto-flow:row;}.elementor-3362 .elementor-element.elementor-element-a9d0868{--e-con-grid-template-columns:repeat(1, 1fr);--gap:3px 3px;--row-gap:3px;--column-gap:3px;--grid-auto-flow:row;}.elementor-3362 .elementor-element.elementor-element-d1d39d1{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-3362 .elementor-element.elementor-element-314c47f{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3362 .elementor-element.elementor-element-89d8839{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3362 .elementor-element.elementor-element-3577b3f{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3362 .elementor-element.elementor-element-7265309{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3362 .elementor-element.elementor-element-1e5e5a6{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3362 .elementor-element.elementor-element-a89e8cc{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3362 .elementor-element.elementor-element-734fa31{--e-n-carousel-swiper-slides-to-display:1;}.elementor-3362 .elementor-element.elementor-element-d18bad6{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for woocommerce-product-images, class: .elementor-element-b6aa8b6 */a.flex-prev,
a.flex-next {
  display: none !important;
}

.flex-nav-prev,
.flex-nav-next {
  list-style: none !important;
}

.woocommerce div.product div.images img {
  border-radius: 12px;
}

/* Container thumbnail */
.woocommerce div.product div.images .flex-control-nav.flex-control-thumbs {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 5px; /* Khoảng cách giữa các ảnh */
    padding: 5px; /* Thêm khoảng trống 2 bên */
}

/* Thumbnail item */
.woocommerce div.product div.images .flex-control-thumbs li {
    flex: 0 0 calc(20% - 10px);  /* 5 ảnh / hàng, trừ đi gap */
    max-width: calc(20% - 10px);
    scroll-snap-align: start;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe58e4c */.grid-box {
  position: relative;
  border-radius: 16px;
  background: #fff;
  border: 2px solid rgba(0,0,0,0.15); /* viền xám ban đầu */
  overflow: hidden;
  transition: border 0.3s ease;
}

/* Khi hover/active thì đổi border thành gradient */
.grid-box:hover,
.grid-box:active {
  border: 2px solid transparent; /* xóa viền xám */
  background: 
    linear-gradient(#fff, #fff) padding-box, 
    linear-gradient(90deg,#02D8F2 0%,#5549F8 50%,#F23CD2 100%) border-box;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a3ee35 */.grid-box {
  position: relative;
  border-radius: 16px;
  background: #fff;
  border: 2px solid rgba(0,0,0,0.15); /* viền xám ban đầu */
  overflow: hidden;
  transition: border 0.3s ease;
}

/* Khi hover/active thì đổi border thành gradient */
.grid-box:hover,
.grid-box:active {
  border: 2px solid transparent; /* xóa viền xám */
  background: 
    linear-gradient(#fff, #fff) padding-box, 
    linear-gradient(90deg,#02D8F2 0%,#5549F8 50%,#F23CD2 100%) border-box;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a9aa02 */.grid-box {
  position: relative;
  border-radius: 16px;
  background: #fff;
  border: 2px solid rgba(0,0,0,0.15); /* viền xám ban đầu */
  overflow: hidden;
  transition: border 0.3s ease;
}

/* Khi hover/active thì đổi border thành gradient */
.grid-box:hover,
.grid-box:active {
  border: 2px solid transparent; /* xóa viền xám */
  background: 
    linear-gradient(#fff, #fff) padding-box, 
    linear-gradient(90deg,#02D8F2 0%,#5549F8 50%,#F23CD2 100%) border-box;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cb5b0ec */.grid-box {
  position: relative;
  border-radius: 16px;
  background: #fff;
  border: 2px solid rgba(0,0,0,0.15); /* viền xám ban đầu */
  overflow: hidden;
  transition: border 0.3s ease;
}

/* Khi hover/active thì đổi border thành gradient */
.grid-box:hover,
.grid-box:active {
  border: 2px solid transparent; /* xóa viền xám */
  background: 
    linear-gradient(#fff, #fff) padding-box, 
    linear-gradient(90deg,#02D8F2 0%,#5549F8 50%,#F23CD2 100%) border-box;
}/* End custom CSS */