/* Netyum storefront v1: home page presentation only. Existing commerce handlers remain intact. */
#common-home {font-family:"Open Sans",Arial,sans-serif;margin-top:0!important;}
#common-home h3,#common-home h4,#common-home .product-thumb .caption,#common-home .product-thumb .price {font-family:"Open Sans",Arial,sans-serif;}
#common-home h3 {font-size:25px;line-height:1.35;font-weight:600;letter-spacing:-.5px;color:#292334;margin-top:28px;margin-bottom:20px;}
#common-home .carousel-heading h3 {margin:0;}
#common-home .product-thumb {display:flex;flex-direction:column;height:100%;margin:0;background:#fff;border:1px solid #e9e6ef;border-radius:16px;box-shadow:0 3px 12px rgba(33,21,56,.025);overflow:hidden;}
#common-home .product-thumb .image {flex:0 0 auto;float:none;width:100%;padding:16px;margin:0;background:#fff;}
#common-home .product-thumb .image a {display:flex;align-items:center;justify-content:center;min-height:0;height:210px;}
#common-home .product-thumb .image img {display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;margin:0 auto;transform:none;}
#common-home .product-thumb .caption {display:flex;flex-direction:column;flex:1 1 auto;min-height:0;padding:10px 18px 16px;text-align:left;}
#common-home .product-thumb h4 {margin:0 0 14px;line-height:1.5;min-height:63px;}
#common-home .product-thumb h4 a {font-family:"Open Sans",Arial,sans-serif;font-size:14px;font-weight:600;line-height:1.5;color:#353040;overflow-wrap:anywhere;}
#common-home .product-thumb h4 a:hover {color:#7136b9;}
#common-home .product-thumb .price {margin-top:auto;margin-bottom:0;padding-top:10px;font-size:19px;font-weight:700;line-height:1.5;color:#231c30;font-variant-numeric:tabular-nums;}
#common-home .product-thumb .price-new {color:#7136b9;}
#common-home .product-thumb .price-old {font-size:13px;color:#81798c;}
#common-home .product-thumb .price-tax {font-size:12px;font-weight:400;color:#81798c;}
#common-home .product-thumb .button-group {display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto;padding:0 18px 18px;}
#common-home .product-thumb .button-group button {min-height:40px;margin:0;float:none;transform:none!important;}
#common-home .product-thumb .button-group button[onclick*="cart.add"] {padding:10px 16px;border:1px solid #7136b9;border-radius:10px;background:#7136b9!important;background-image:none!important;box-shadow:none!important;color:#fff;font:600 13px/1.4 "Open Sans",Arial,sans-serif;}
#common-home .product-thumb .button-group button[onclick*="cart.add"]:before,#common-home .product-thumb .button-group button[onclick*="cart.add"]:after {display:none!important;content:none!important;}
#common-home .product-thumb .button-group button[onclick*="cart.add"]:hover {background:#59258f!important;border-color:#59258f;}
#common-home .product-thumb .button-group button[onclick*="cart.add"] .fa-shopping-cart:before {content:"\f07a";}
#common-home .product-thumb .button-group button[onclick*="cart.add"] .fa-shopping-cart {margin-right:4px;}
#common-home a:focus-visible,#common-home button:focus-visible {outline:2px solid #8b5cf6;outline-offset:3px;}
#common-home .custom-product-carousel {align-items:stretch;scroll-snap-type:x proximity;}
#common-home .custom-carousel-item {display:flex;flex-direction:column;scroll-snap-align:start;}
#common-home .custom-carousel-item .product-thumb {flex:1;}
#common-home .custom-carousel-item #fav {right:10px;top:10px;}
#common-home .custom-carousel-item #fav button {width:32px;height:32px;border-radius:50%;background:#faf8fd;border:1px solid #e9e3f2;color:#80718f;}
#common-home .custom-carousel-arrows button {color:#6b3c9b;border-color:#e6def0;background:#fff;}
#common-home .custom-carousel-arrows button:hover {background:#f5effc;border-color:#c9b3e3;}
#common-home [id^="scroller"] .swiper-wrapper {align-items:stretch;}
#common-home [id^="scroller"] .swiper-slide {height:auto;}
#common-home .swiper-viewport {border:0;box-shadow:none;}
#common-home [id^="slideshow"] {border-radius:18px;overflow:hidden;}
#common-home [id^="slideshow"] img {display:block;width:100%;height:auto;}
/* Uniform content edges without changing column widths or slider transforms. */
@media(min-width:768px) {
 #common-home {width:100%;max-width:1512px;padding:0 24px!important;margin-left:auto;margin-right:auto;}
 #common-home>.row {width:100%;margin:0;}
 #common-home #content>.row,#common-home #content>h3 {width:100%;max-width:100%;margin-left:0;margin-right:0;}
 #common-home #content>.swiper-viewport {width:100%;margin:0 auto 28px;}
}
@media(max-width:767px) {
 #common-home {padding:0 12px!important;}
 #common-home h3 {font-size:21px;margin-top:22px;}
 #common-home .product-thumb .image {padding:10px;}
 #common-home .product-thumb .image a {height:150px;}
 #common-home .product-thumb .caption {padding:8px 12px 12px;}
 #common-home .product-thumb h4 a {font-size:13px;}
 #common-home .product-thumb .price {font-size:17px;}
 #common-home .product-thumb .button-group {padding:0 12px 12px;gap:5px;}
 #common-home .product-thumb .button-group button[onclick*="cart.add"] {padding:9px 10px;}
 #common-home [id^="slideshow"] {border-radius:12px;}
}
@media(prefers-reduced-motion:reduce) {#common-home .custom-product-carousel {scroll-behavior:auto;}}

/* v2: keep the cart icon and label inside an intrinsically sized button. */
#common-home .product-thumb .button-group button[onclick*="cart.add"] {
 display:inline-flex!important;flex-direction:row;align-items:center;justify-content:center;gap:7px;
 height:auto!important;min-height:44px;max-width:100%;box-sizing:border-box;overflow:visible;
 line-height:1.4;white-space:normal;
}
#common-home .product-thumb .button-group button[onclick*="cart.add"] > span {
 display:inline!important;position:static!important;transform:none!important;
 width:auto;min-width:0;height:auto;line-height:1.4;white-space:normal;
}
#common-home .product-thumb .button-group button[onclick*="cart.add"] > i {
 flex:0 0 auto;position:static!important;transform:none!important;margin:0!important;line-height:1;
}
#common-home .custom-carousel-item .button-group button[onclick*="cart.add"] {
 width:auto!important;min-width:142px;flex:0 1 auto;
}
@media(max-width:767px) {
 #common-home .custom-carousel-item .button-group button[onclick*="cart.add"] {width:100%!important;min-width:0;}
}

/* v3: equal space before and after the promotional banner rows. */
#common-home #content .bu_top_banners {
 clear:both;display:flow-root;margin-top:32px!important;margin-bottom:32px!important;
}
#common-home #content .bu_top_banners .top_banner_img {display:block;}
#common-home #content .bu_top_banners + .row > h3:first-child,
#common-home #content .bu_top_banners + h3 {margin-top:0!important;}
@media(max-width:767px) {
 #common-home #content .bu_top_banners {margin-top:24px!important;margin-bottom:24px!important;}
 #common-home #content .bu_top_banners > div + div {margin-top:16px;}
}

/* v4: compact cards without truncating product names or hiding details. */
#common-home .product-thumb .image {min-height:0;height:auto;padding:14px 14px 8px;}
#common-home .product-thumb .image a {height:185px;margin:0;}
#common-home .product-thumb .caption {height:auto;min-height:0;padding:8px 16px 14px;}
#common-home .product-thumb .caption .name {height:auto;min-height:0;margin:0;}
#common-home .product-thumb h4 {min-height:0;margin:0 0 12px;}
#common-home .product-thumb .price {padding-top:10px;}
#common-home .bu_top_banners .bu-banner {border-radius:18px;overflow:hidden;}
#common-home .bu_top_banners .top_banner_img {border-radius:18px;}
#common-home h3.n1-section-heading {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 20px;}
#common-home h3 .n1-view-all {flex:0 0 auto;font:600 13px/1.5 "Open Sans",Arial,sans-serif;letter-spacing:0;color:#7136b9;white-space:nowrap;}
#common-home h3 .n1-view-all:hover {text-decoration:underline;}
@media(max-width:767px) {
 #common-home .product-thumb .image {padding:10px 10px 6px;}
 #common-home .product-thumb .image a {height:145px;}
 #common-home .product-thumb .caption {padding:6px 12px 12px;}
 #common-home .bu_top_banners .bu-banner,#common-home .bu_top_banners .top_banner_img {border-radius:12px;}
}