/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 27 2026 | 06:59:05 */
.bg-gray { background-color: #f5f5f5; position: relative; padding-top: 80px; padding-bottom: 80px; }
/* .full-width-content.separate-containers .inside-article{padding-top:90px;} */
.bg-f0 { background-color: #f0f0f0; position: relative; padding-top: 80px; padding-bottom: 80px; }

.flex { display: flex; }

.table-container { margin-top: 20px; position: relative; }
.table-container .product-image { position: absolute; right: 0; bottom: -40px; display: flex; align-items: center; justify-content: center; }
.table-container .product-image img { max-width: 100%; max-height: 100%; object-fit: contain; }

table { border-collapse: collapse; background-color: #fff; width: 100%; margin-bottom: 0; }
table th, table td { padding: 16px; text-align: center; border: solid 0.8px; }
table th { background-color: #4C4C4C; color: #fff; }
table tr:hover { background-color: #f5f5f5; }

.Consider-items { display: flex; gap: 30px; margin-top: 40px; margin-bottom: 40px; overflow: hidden; }
.Consider-items > div { flex: 1; position: relative; overflow: hidden; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); transform: skew(5deg); }
.Consider-items > div:first-child { margin-left: -20px; }
.Consider-items > div:nth-child(3n) { margin-right: -20px; }
.Consider-items > div img { width: 110%; height: 350px; object-fit: cover; transform: skew(-5deg) translateX(-15px); max-width: unset; }
.Consider-items > div .consider-info { position: absolute; top: 0; left: 0; padding: 55px; color: white; width: 100%; }
.Consider-items > div .consider-info > div { font-size: 18px; font-weight: bold; margin-bottom: 8px; transform: skew(-5deg); }
.Consider-items > div .consider-info p { font-size: 14px; margin: 0; opacity: 0.9; transform: skew(-5deg); }

.product-showcase { position: relative; display: flex; justify-content: center; align-items: flex-start; overflow: hidden; }
.product-showcase .left, .product-showcase .right { position: relative; z-index: 4; }
.product-showcase .main-product { text-align: center; position: relative; z-index: 3; flex-shrink: 0; min-width: 531px; background-image: url("https://rayboicebags.com/wp-content/uploads/2026/02/Raybo-Ice-Bag-bg.png"); background-repeat: no-repeat; background-position: center bottom; margin-left: 60px; margin-right: 60px; margin-top: -50px; padding-bottom: 80px; }
.product-showcase .feature-item { position: relative; z-index: 2; text-align: center; }
.product-showcase .feature-item:last-child { margin-bottom: 0; }
.product-showcase .feature-item .feature-image { display: inline-block; margin-bottom: 20px; position: relative; }
.product-showcase .feature-item .feature-content .feature-title { font-size: 24px; font-weight: 500; margin-bottom: 10px; }
.product-showcase .feature-item .feature-content p { text-align: left; }
.product-showcase .feature-item .isline { position: absolute; }
.product-showcase .feature-item .isline img { max-width: unset; }
.product-showcase .feature-item.Food-Grade-LDPE-Material .isline { left: 100%; top: 50%; }
.product-showcase .feature-item.High-Transparency { margin-top: 100px; }
.product-showcase .feature-item.High-Transparency .isline { left: 145px; top: -22px; }
.product-showcase .feature-item.Good-Toughness { margin-top: 10px; }
.product-showcase .feature-item.Good-Toughness .isline { top: 45px; right: 158px; }
.product-showcase .feature-item.Easy-to-Use-Design { margin-top: 90px; }
.product-showcase .feature-item.Easy-to-Use-Design .isline { bottom: 78px; right: 172px; }
.product-showcase .connection-lines { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; }

.product-buttons { display: flex; gap: 30px; }
.product-buttons.justify-center { justify-content: center; }
.product-buttons .btn { border: none; font-size: 24px; font-weight: 500; cursor: pointer; height: 70px; line-height: 70px; text-align: center; padding: 0 47px; border-radius: 60px; }
.product-buttons .btn.btn-primary { background: #000000; color: white; }
.product-buttons .btn.btn-secondary { background-color: #ffffff; color: var(--contrast); border: 1px solid #000000; }

.product-show { display: flex; padding-top: 20px; padding-bottom: 80px; overflow: hidden; gap: 65px;padding-top:80px; }
.product-show .product-swiper { width: 607px; flex-shrink: 0; }
.product-show .product-swiper .swiper-button-next, .product-show .product-swiper .swiper-button-prev {font-weight: bold;}
.product-show .swiper-container-main { height: 505px; overflow: hidden;--swiper-navigation-size: 20px;--swiper-navigation-sides-offset: 0;--swiper-navigation-color: #000000; }
.product-show .swiper-container-main .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }
.product-show .swiper-container-thumbs { margin-top: 18px; overflow: hidden; }
.product-show .swiper-container-thumbs .swiper-slide { height: 120px; cursor: pointer; overflow: hidden; }
.product-show .swiper-container-thumbs .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }
.product-show .product-info { flex: 1; display: flex; flex-direction: column; justify-content: space-between; }
.product-show .product-info .product-description { margin: 50px 0 50px 0; }
.product-show .product-info .product-specs { display: flex; gap: 145px; }
.product-show .product-info .product-specs .spec-group { display: flex; flex-direction: column; gap: 40px; }
.product-show .product-info .product-specs .spec-group .spec-item { display: flex; flex-direction: column; gap: 5px; }
.product-show .product-info .product-specs .spec-group .spec-item .spec-label { text-transform: uppercase; }
.product-show .product-info .product-specs .spec-group .spec-item .spec-value { font-weight: 500; font-size: 35px; }

.available-volume table { width: 100%; }

.sizes-guide { padding-bottom: 180px !important; }
.sizes-guide .grid-container .sizes-container { display: flex; gap: 17px; justify-content: center; margin-top: 45px; }
.sizes-guide .grid-container .sizes-container .size-item { flex: 1; text-align: center; padding: 0 48px; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-end;float:none; }
.sizes-guide .grid-container .sizes-container .size-item:before { content: ''; position: absolute; left: 0; bottom: -100px; width: 100%; padding-top: 100%; background-color: #f5f5f5; border-radius: 128px; z-index: 0; }
.sizes-guide .grid-container .sizes-container .size-item .size-image { display: flex; align-items: center; justify-content: center; position: relative; }
.sizes-guide .grid-container .sizes-container .size-item .size-image img { max-width: 100%; max-height: 100%; object-fit: contain; }
.sizes-guide .grid-container .sizes-container .size-item .size-title { font-size: 24px; margin-bottom: 15px; margin-top: 15px; position: relative;font-weight:600; }
.sizes-guide .grid-container .sizes-container .size-item p { position: relative; margin-bottom: 0; text-align: left;}

.steps-items { display: flex; }
.steps-items .steps-item { flex: 1;margin-bottom:0; }
.steps-items .dot { width: 16px; height: 16px; border-radius: 50%; background-color: #545454; }
.steps-items .step { font-size: 24px; }
.steps-items .num { font-size: 96px; font-weight: 500; line-height: 1; }
.steps-items .text { font-size: 16px; }

.steps-isline { position: relative; margin-top: 54px; margin-bottom: 20px; }
.steps-isline:before { content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background-color: #545454; }

.different-type { display: flex; }
.different-type .flex-1 { position: relative; }
.different-type .type-content { position: absolute; left: 0; bottom: 0; width: 100%; padding: 50px; }
.different-type .type-content .title { font-size: 24px; font-weight: 500; margin-bottom: 20px; }
.different-type .type-content p { margin-bottom: 0; margin-left: 10px; }
.different-type .type-content p:before { content: '-'; margin-left: -10px; }

.Instant-container { display: flex; gap: 42px; }
.Instant-container .left { width: 390px; display: flex; flex-direction: column; gap: 28px; }
.Instant-container .left > div { background-color: #f5f5f5; text-align: center; flex: 1; display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: 500; position: relative; cursor: pointer; }
.Instant-container .left > div:after { display: none; content: ""; position: absolute; border-width: 10px 0 10px 10px; left: 100%; top: 50%; transform: translateY(-5px); border-style: solid; border-color: transparent transparent transparent #89de7b; }
.Instant-container .left > div.active { color: #fff; background: linear-gradient(to right, #4aadd4, #89de7b); }
.Instant-container .left > div.active:after { display: block; }
.Instant-container .right .right-con { position: relative; display: none; }
.Instant-container .right .right-con.active { display: block; }
.Instant-container .right .text { background-color: rgba(255, 255, 255, 0.76); display: flex; align-items: center; padding-left: 35px; padding-right: 35px; position: absolute; left: 0; top: 0; height: calc(100% - 60px); width: 465px; margin: 30px; }

.grid-3-gap-20 { display: grid; gap: 20px; grid-template-columns: repeat(3, 1fr); }
.grid-3-gap-20 > div { background-color: #FFFFFF; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);width:auto;}
.grid-3-gap-20 > div .con { padding: 50px; }
.grid-3-gap-20 > div .con .title { font-size: 24px; font-weight: 500; margin-bottom: 10px; }
.grid-3-gap-20 > div .con p { margin-bottom: 0; }

.grid-4-gap-20 { display: grid; gap: 20px; grid-template-columns: repeat(4, 1fr); }

.Related-Products .Related-Products-item { text-align: center; background-color: #f5f5f5; color: var(--contrast);width:auto; }
.Related-Products .Related-Products-item .title { padding-top: 20px; padding-bottom: 20px;display:block;color:var(--contrast); }
.Related-Products .Related-Products-item:hover { color: var(--accent); }

.FAQ .FAQ-item { padding: 30px; border-top: 2px solid #dcdcdc; border-bottom: 2px solid #dcdcdc; margin-top: -2px; cursor: pointer; }
.FAQ .FAQ-item.active { background-color: #dcdcdc; }
.FAQ .FAQ-item .title { display: flex; justify-content: space-between; align-items: center; font-size: 24px; font-weight: 500; }
.FAQ .FAQ-item .iconfont { flex-shrink: 0; font-weight: bold; font-size: 25px; }
.FAQ .FAQ-item > p { margin-top: 25px; display: none; margin-bottom: 0; }
.FAQ .FAQ-item.active > p { display: block; }

@media screen and (max-width: 768px) { .bg-gray { padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; }
  .bg-f0 { padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; }
  .product-buttons { flex-wrap: wrap; gap: 10px; }
  .product-buttons .btn { font-size: 16px; font-weight: 500; height: 40px; line-height: 40px; padding: 0 20px; }
  .product-show { flex-direction: column-reverse; padding: 30px 20px; gap: 40px; }
  .product-show .product-swiper { width: 100%; }
  .product-show .swiper-container-main { height: 360px; }
  .product-show .swiper-container-thumbs { margin-top: 18px; }
  .product-show .swiper-container-thumbs .swiper-slide { height: 100px; }
  .product-show .product-info { flex: 1; display: flex; flex-direction: column; justify-content: space-between; }
  .product-show .product-info .product-description { margin: 20px 0; }
  .product-show .product-info .product-specs { gap: 40px; }
  .product-show .product-info .product-specs .spec-group { gap: 20px; }
  .product-show .product-info .product-specs .spec-group .spec-item { gap: 5px; }
  .product-show .product-info .product-specs .spec-group .spec-item .spec-value { font-size: 22px; }
  .table-container { overflow-x: auto; }
  .available-volume table { width: 100%; }
  .available-volume .product-image { position: relative; right: 0; bottom: 0; }
  .sizes-guide { padding: 20px 40px !important; }
  .sizes-guide .grid-container .sizes-container { flex-direction: column;gap: 80px; }
  .sizes-guide .grid-container .sizes-container .size-item { text-align: center; padding: 0 48px;}
	.sizes-guide .grid-container .sizes-container .size-item:last-child{margin-bottom:0;}
  .sizes-guide .grid-container .sizes-container .size-item:before { bottom: -50px; }
  .sizes-guide .grid-container .sizes-container .size-item .size-title { font-size: 16px; margin-bottom: 15px; margin-top: 15px; position: relative; }
  .steps-items { display: flex; }
  .steps-items .step { font-size: 14px; }
  .steps-items .num { font-size: 30px; }
  .steps-items .text { font-size: 14px; }
  .steps-isline { margin-top: 20px; margin-bottom: 20px; }
  .Consider-items { display: block; margin-top: 30px; margin-bottom: 0px; overflow: hidden; }
  .Consider-items > div { flex: 1; position: relative; overflow: hidden; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); transform: skew(0deg); margin: 8px 0; }
  .Consider-items > div:first-child { margin-left: 0px; }
  .Consider-items > div:nth-child(3n) { margin-right: 0px; }
  .Consider-items > div img { width: 100%; height: auto; object-fit: cover; transform: skew(0deg) translateX(0px); max-width: unset; }
  .Consider-items > div .consider-info { position: absolute; top: 0; left: 0; padding: 20px; color: white; width: 100%; }
  .Consider-items > div .consider-info > div { font-size: 18px; font-weight: bold; margin-bottom: 8px; transform: skew(0deg); }
  .Consider-items > div .consider-info p { font-size: 14px; margin: 0; opacity: 0.9; transform: skew(0deg); }
  .product-showcase { display: block; }
  .product-showcase .main-product { min-width: 100%; background-repeat: no-repeat; background-position: center bottom;background-size: contain; margin-left: 0; margin-right: 0; margin-top: 20px; margin-bottom: 20px; }
  .product-showcase .feature-item { margin-bottom: 30px; }
  .product-showcase .feature-item .feature-image { display: inline-block; overflow: hidden; margin-bottom: 20px; position: relative; }
  .product-showcase .feature-item .feature-content .feature-title { font-size: 16px; font-weight: bold; margin-bottom: 10px; }
	.product-showcase .feature-item .isline { display: none; }
  .product-showcase .feature-item.High-Transparency { margin-top: 0; }
  .product-showcase .feature-item.Good-Toughness { margin-top: 0; }
  .product-showcase .feature-item.Easy-to-Use-Design { margin-top: 0px; }
  .different-type { display: block; }
  .different-type .flex-1 { position: relative; flex: 1;margin-bottom:20px; }
  .different-type .type-content { position: relative; left: 0; bottom: 0; width: 100%; padding: 15px; color: #222222; background-color: #FFFFFF; }
  .different-type .type-content .title { font-size: 18px; }
  .Instant-container { display: block; }
  .Instant-container .left { width: 100%; display: flex; flex-direction: row; margin-bottom: 20px;flex-wrap:wrap;gap: 1px; }
  .Instant-container .left > div { font-size: 14px; padding-top: 10px; padding-bottom: 10px;flex: unset;width: calc(50% - 1px); }
  .Instant-container .left > div:after { border-width: 10px 10px 0 10px; left: 50%; top: 100%; transform: translateX(-10px); border-color: #89de7b transparent transparent transparent;display:none !important; }
  .Instant-container .right .right-con { position: relative; display: none; }
  .Instant-container .right .right-con.active { display: block; }
  .Instant-container .right .text { padding-left: 0; padding-right: 0; padding: 20px; height: auto; width: 100%; margin: 0; position: relative; }
  .grid-3-gap-20 { display: block; }
  .grid-3-gap-20 > div .con { padding: 20px; }
  .grid-3-gap-20 > div .con .title { font-size: 18px; }
  .grid-4-gap-20 { display: block; }
  .Related-Products .Related-Products-item { text-align: center; background-color: #f5f5f5; color: var(--contrast); }
  .Related-Products .Related-Products-item img { width: 100%; }
  .Related-Products .Related-Products-item .title { padding-top: 20px; padding-bottom: 20px; }
  .Related-Products .Related-Products-item:hover { color: var(--accent); }
  .FAQ .FAQ-item { padding: 20px; }
  .FAQ .FAQ-item .title { font-size: 18px; }
  .FAQ .FAQ-item .iconfont { flex-shrink: 0; font-weight: bold; font-size: 16px; }
  .FAQ .FAQ-item > p { margin-top: 15px; } }

/*# sourceMappingURL=%E5%86%85%E9%A1%B5.css.map */