@charset "utf-8";
.pro-stars{display: flex;}
.pro-stars img{width:10px;display: block;}
.umin-review-stars{display: flex;}
.umin-review-stars img{width:10px;display: block;}

/* CSS Document */
.blank2 { clear:both; height:0.2rem; overflow:hidden; display:block;width:100% }
.blank8 { clear:both; height:0.8rem; overflow:hidden; display:block;width:100% }
.blank10 { clear:both; font-size:0; line-height:0; height:1rem;width:100% }
.blank20 { clear:both; font-size:0; line-height:0; height:2rem;width:100% }
.blank15 { clear:both; font-size:0; line-height:0; height:1.5rem;width:100% }
.blank30 { clear:both; font-size:0; line-height:0; height:3rem;width:100% }
.blank40 { clear:both; font-size:0; line-height:0; height:4rem;width:100% }
.blank50 { clear:both; font-size:0; line-height:0; height:5rem;width:100% }

@media (max-width: 800px) {.blank40 { clear:both; font-size:0; line-height:0; height:1rem;width:100% }}

 * { margin: 0; padding: 0; box-sizing: border-box; }
  body {background: #fff;font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;line-height: 1.5;color: #1e293b;}
a{ text-decoration:none}
	/* ---------- 顶部栏容器 ---------- */
.topbar {background: #ffffff;border-bottom: 1px solid #eef2f6;}
.container {width:100%;max-width: 1300px;margin: auto; }
.flex-between {display: flex;align-items: center;justify-content: space-between;height: 100px;}
.logo img {height: 50px;display: block;}
.account-links {display: flex;align-items: center;gap: 28px;}
.account-links a {text-decoration: none;color: #1f2a44;font-size: 15px;font-weight: 500;transition: color 0.2s ease;}
.account-links a:hover {color:var(--linkactive);}
.offer-link {display: inline-flex;align-items: center;gap: 6px;/* 保持与其它链接一致，但可单独微调 */}
@media (max-width: 640px) {.flex-between {    height: 80px;    flex-wrap: wrap;    gap: 8px;}
.account-links {    gap: 16px;    flex-wrap: wrap;    justify-content: flex-end;}
.account-links a {    font-size: 13px;}
.logo img {    height: 36px;}}
@media (max-width: 480px) {.account-links {    gap: 10px;}
.account-links a {    font-size: 12px;}}	
	 
	 
 /* ---------- UNIQUE NAMESPACE: umin (all classes start with umin-) ---------- */
 
        .umin-root {
            --primary: #022960;
            --primary-dark: #4a4a4a;
            --accent: #023c60;
			--linkactive:#f5a623;
            --gray-bg: #f9fafc;
            --card-white: #ffffff;
            --text-dark: #0a1a31;
            --text-muted: #50677c;
            --border-light: #eef2f6;
            font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
            background: var(--gray-bg);
            color: var(--text-dark);
            line-height: 1.45;
        }

        * {margin: 0;padding: 0;box-sizing: border-box;}
        .umin-site {width: 100%;background: var(--gray-bg);}
 
        @media (max-width:800px) {.container { padding: 5px; }}
		 
		 p{font-size:0.9rem;line-height:1.6rem;text-indent:0.72cm;color:var(--primary-dark)}
		 p + p { margin-top: 1em;}

/* 顶部菜单导航 */
.top-shipping-banner {background: #f0f4f9;text-align: center;padding: 8px 0;font-size: 0.8rem;}
@media (max-width: 800px) {.top-shipping-banner {display:none;!important;}}
 .umin-navbar {background: #0a0c10;min-height: 50px;display: flex;align-items: center;position: relative;}
.umin-nav-container {max-width: 1300px;margin: 0 auto;width: 100%;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.umin-nav-list {display: flex;gap: 32px;list-style: none;align-items: center;margin: 0;transition: all 0.3s ease;}
.umin-nav-list li {position: relative;}
.umin-nav-list a {text-transform:uppercase;color:var(--card-white); text-decoration: none;font-size: 1rem;font-weight: 500;padding: 8px 0;transition: color 0.2s, transform 0.1s;display: inline-block;}
.umin-nav-list a:hover {color: #f5a623;transform: translateY(-1px);}
/* 下拉菜单 */
.umin-dropdown-menu {position: absolute;top: 44px;left: 0;background: #0f1117;min-width: 220px;border-radius: 0px;padding: 12px 0;opacity: 0;visibility: hidden;transition: opacity 0.2s, visibility 0.2s;z-index: 100;box-shadow: 0 12px 28px rgba(0,0,0,0.3);border: 0px solid #2d3748; }
.umin-nav-list li:hover .umin-dropdown-menu {opacity: 1;visibility: visible;}
.umin-dropdown-menu a {text-transform: none;display: block;padding: 8px 20px;font-size: 0.8rem;color: #fff;}
.umin-dropdown-menu a:hover {background: #1e293b;color: white;transform: none;}
.umin-search {display: flex;align-items: center;background: #eee;border-radius: 30px;padding: 4px 12px;height: 30px;}
.umin-search input {background: transparent;border: none;padding: 6px 8px;color: #222;outline: none;width: 180px;}
.umin-search button {background: transparent;border: none;color: #cbd5e6;cursor: pointer;}
/* 汉堡菜单按钮 (默认隐藏) */
.umin-menu-toggle {display: none;background: none;border: none;color: white;font-size: 1.8rem;cursor: pointer;padding: 4px 8px;}
        /* 移动端适配 */
  @media (max-width: 800px) {
    .topbar-desktop {display: none !important;}
    .umin-navbar {background: #ffffff !important;border-bottom: 1px solid #eef2f6;padding: 10px 0;min-height: auto;    }
    .umin-nav-container {display: flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;padding: 0 16px;position: relative;    }
    .umin-mobile-logo {display: block !important;flex-shrink: 0;    }
    .umin-mobile-logo img {height: 36px;display: block;    }
    .umin-right-group {display: flex !important;flex-direction: column;align-items: flex-end;gap: 2px;flex-shrink: 0;margin-left: auto;    }
    .umin-mobile-links {display: flex !important;align-items: center;gap: 14px;    }
    .umin-mobile-links a {color: #1f2a44;font-size: 13px;font-weight: 500;text-decoration: none;white-space: nowrap;    }
    .umin-mobile-links a:hover {color: #f5a623;    }
    .umin-search {display: none !important;    }
    .umin-menu-toggle {display: block !important;background: none;border: none;color: #1f2a44;font-size: 1.6rem;cursor: pointer;padding: 2px 0;margin: 0;line-height: 1;align-self: flex-end;    }
    .umin-nav-list {position: absolute;top: 100%;left: 0;width: 100%;background: #0a0c10;flex-direction: column;align-items: flex-start;gap: 0;max-height: 0;overflow: hidden;opacity: 0;transition: max-height 0.4s ease, opacity 0.2s;z-index: 200;padding: 0;margin: 0;box-shadow: 0 8px 16px rgba(0,0,0,0.2);border-radius: 0;}
    .umin-nav-list.show {max-height: 500px;opacity: 1;overflow-y: auto;    }
    .umin-nav-list li {width: 100%;border-bottom: 1px solid #2d3748;    }
    .umin-nav-list a {display: block;padding: 14px 28px;width: 100%;color: #cbd5e6;font-size: 0.9rem;text-transform: none;    }
    .umin-nav-list a:hover {color: #f5a623;transform: none;    }
    .umin-dropdown-menu {position: static;top: auto;left: auto;background: #1a1c24;box-shadow: none;opacity: 1;visibility: visible;max-height: 0;overflow: hidden;transition: max-height 0.3s;padding: 0;margin: 0;border-radius: 0;border: none;min-width: auto;}
    .umin-nav-list li.dropdown-open .umin-dropdown-menu {max-height: 300px;padding: 8px 0;    }
    .umin-nav-list li.dropdown-open > a:first-child {color: #f5a623;    }
    .umin-dropdown-menu a {padding: 10px 40px;font-size: 0.6rem;color: #cbd5e6;    }
    .umin-dropdown-menu a:hover {background: #1e293b;color: white;    }
    .top-shipping-banner {font-size: 0.7rem;padding: 6px 0;    }
}

 @media (min-width: 801px) {
.umin-navbar {background: #0a0c10 !important;padding: 0 !important;min-height: 50px !important;border-bottom: none !important;}
.umin-right-group {display: flex !important;flex-direction: row !important;align-items: center !important;gap: 12px !important;margin-left: 0 !important;}
.umin-mobile-logo,
.umin-mobile-links {display: none !important;}
.umin-menu-toggle {display: none !important;}
.umin-search {display: flex !important;}

.umin-nav-list {display: flex !important; position: static !important; flex-direction: row !important; max-height: none !important; opacity: 1 !important;overflow: visible !important;background: transparent !important;box-shadow: none !important;padding: 0 !important;margin: 0 !important;width: auto !important;transition: none !important;}
.umin-nav-list li {border-bottom: none !important;width: auto !important;}
.umin-nav-list a {display: inline-block !important;padding: 8px 0 !important;color: #fff !important;text-transform: uppercase !important;font-size: 1rem !important;}
.umin-dropdown-menu {position: absolute !important;top: 44px !important;left: 0 !important;opacity: 0 !important;visibility: hidden !important;transition: opacity 0.2s, visibility 0.2s !important;max-height: none !important;overflow: visible !important;background: #0f1117 !important;box-shadow: 0 12px 28px rgba(0,0,0,0.3) !important;border: 0px solid #2d3748 !important;min-width: 220px !important;padding: 12px 0 !important;}
.umin-nav-list li:hover .umin-dropdown-menu {opacity: 1 !important;visibility: visible !important;}
}
@media (min-width: 801px) and (max-width: 1000px) {
.umin-search {display: none !important;}
}
         /* 广告图（1500x600） */
        .umin-ad-big{width:100%;max-width:1300px;margin:auto;}
        .umin-ad-big img{width:100%;height: auto;border-radius: 0px;display: block;}
		 @media (max-width: 800px) {.umin-ad-big{display:none } }
		   /* Pagination container start */
		 .pagination-wrap {display: flex;justify-content: center;align-items: center;}
        .pagination {display: flex;align-items: center;gap: 16px;margin:auto}
        .pagination-item {display: flex;justify-content: center;align-items: center;width: 46px;height: 46px;font-size: 1.5rem;color: #333;background-color: transparent;cursor: pointer;transition: all 0.2s ease;user-select: none;}
        .pagination-item.arrow:hover {color: #022960;}
        .pagination-item.number {border-radius: 4px;        }
        .pagination-item.number.active {border: 2px solid #022960;font-weight: 500;color: #022960;}
        .pagination-item.number:not(.active):hover {background-color: #d2e7ff;}
		
		/* Pagination container end */
	 	.head_title{ margin:auto;width: 100%;min-height: 120px;max-width: 1300px;background-color: ;display: flex;align-items: center;justify-content: center;padding: 2rem 1.5rem;}
		.head_title h1 {font-size: 2rem;font-weight: 600;color: #1e1e1e;text-align: center;margin: 0;  border-bottom: 3px solid #ccc; text-transform:uppercase}
        @media (max-width: 800px) {
		.head_title {min-height: 60px;padding: 1.5rem 1rem;background-color:#fefefe;}
		.head_title h1 {font-size: 1.2rem;  }
		}
		 
		.container h2{font-size:1.4rem;text-align:center; text-transform:uppercase;color:var(--primary); }
		
		.local{font-size:0.8rem;color:#666;height:40px;line-height:20px;}
		.local a{color:#666; text-decoration:none} .local a:hover{color:var(--primary)}
		 @media (max-width: 800px) {.local{font-size:0.6rem;line-height:0.8rem;}.local a{font-size:0.6rem;line-height:0.8rem;}}
		.icon-set {display: flex;gap: 0.36rem;flex-wrap: wrap;justify-content: center;padding: 0;}
        .icon-link {display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;text-decoration: none;border-radius: 50%;transition: opacity 0.2s, transform 0.15s;}
        .icon-link i {font-size: 1rem;color: #fff;}
        .icon-link:hover {opacity: 0.8;transform: scale(0.96);}
		
		/* last page start */
        .footer {width:100%;background: #0f1722;margin:auto;padding: 48px 0 32px;color: #cfdfed;}
       	.footer hr { border-color: #223043; border-style: solid;    border-width: 1px;    border-color: #223043; }
		.footer-row-3cols{  display: grid;  grid-template-columns: 20% 54% 1fr; gap: 16px; }
		.footer-col{   background: ;  border: 0px solid #ccc;}
	 	.footer-col h4 { font-size: 1rem; margin-bottom: 18px; color: white; }
	 	.footer-col a { display: block; color: #bfd6e8; text-decoration: none; font-size: 0.8rem; margin-bottom: 8px; transition: color 0.2s; }
        .footer-col a:hover { color: white; }
	 	.footer-col p {font-size: 0.8rem;line-height: 1.5;color: #b9c7da;text-indent:0}
	    .footer-brand {max-width: 260px;}
        .footer-logo img {max-height: 40px;margin-bottom: 16px;}
         .footer-links {display: flex;flex-wrap: wrap;gap: 50px;}
		 
		 @media (max-width: 800px) {
    .footer-row-3cols {display: flex !important;flex-direction: column;gap: 28px;grid-template-columns: none !important;}
    .footer-row-3cols .footer-col:nth-child(2) {display: none;}
    .footer-row-3cols .footer-col:first-child,
    .footer-row-3cols .footer-col:last-child {width: 100%;text-align: center;}
    .footer-logo {display: flex;justify-content: center;}
    .footer-logo img {max-height: 42px;}

    .footer-col p {text-align: center;padding: 0 10px;max-width: 420px;margin: 0 auto;font-size: 0.85rem;}
    .footer-grid-cols-app {display: flex !important;justify-content: center;gap: 20px;max-width: 320px;margin: 0 auto;grid-template-columns: none !important;}
    .footer-grid-cols-app div {flex: 1;max-width: 140px;font-size: 0.75rem;}
    .footer-grid-cols-app img {width: 100%;border-radius: 6px;}

    .footer-flex-between {flex-direction: column !important;gap: 14px;align-items: center;text-align: center;}
    .footer-flex {justify-content: center;gap: 8px;}
    .icon-link {width: 34px;height: 34px;}
    .icon-link i {font-size: 1rem;}
    .footer hr {margin: 16px 0;}}
		 /* last page end */
		
		.footer-grid-cols-app { display: grid;  grid-template-columns: repeat(2, 1fr); /* 2等分 */  gap: 20px; text-align:center;color:#CCC;font-size:0.8rem;line-height:2rem}
		.footer-grid-cols-app img{width:100%}
		
		 /* Flex & Grid */
        .footer-flex {display: flex;align-items: center;gap: 12px;flex-wrap: wrap;}
        .footer-flex-between {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
		.footer-flex-between span{font-size:0.8rem}
		.flex-between {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}/*top icons*/
		
		/*products show start*/
		/* Section headers */
        .section-head {display: flex;justify-content: space-between;align-items: baseline;flex-wrap: wrap;margin: 56px 0 28px;border-bottom: 2px solid #eef2f8;padding-bottom: 12px;}
        .section-title { font-size: 1.6rem; font-weight: 700; }
        .viewall {background: transparent;border: 1.5px solid var(--primary);padding: 6px 18px;border-radius: 40px;font-weight: 600;color: var(--primary);text-decoration: none;transition: all 0.2s;font-size: 0.85rem;}
        .viewall:hover {background: var(--primary);color: white;}
		 @media (max-width: 800px) {.more-show{display:none}.section-title { font-size: 1.3rem; font-weight: 600; }}
        /* 4列网格 (多行4列) */
        .pro-grid-4 {display: grid;grid-template-columns: repeat(4, 1fr);gap: 28px;}
        @media (max-width: 1200px) {.pro-grid-4 { grid-template-columns: repeat(3, 1fr); gap: 24px; }}
        @media (max-width: 860px) {.pro-grid-4 { grid-template-columns: repeat(2, 1fr);gap: 10px; }}
        /*@media (max-width: 560px) {.pro-grid-4 { grid-template-columns: 1fr; }}*/

        /* ===== 卡片样式（保留原有，仅微调） ===== */
         /* 商品卡片 */
		 .pro-card {flex: 0 0 calc(25% - 12px); /* 4列，减去gap */background: var(--card-white);border-radius: 0px;overflow: hidden;border: 0px solid var(--border-light);position: relative;box-shadow: var(--shadow-card);transition: box-shadow 0.25s ease, transform 0.25s ease;        }
        .pro-card:hover {box-shadow: 0 8px 28px rgba(0, 0, 0, 0.10);transform: translateY(-2px);        }
        .pro-card-media {position: relative;overflow: hidden;        }
        .pro-card-img-main {width: 100%;aspect-ratio: 1 / 1;background: #f5f7fa;overflow: hidden;        }
        .pro-card-img-main img {width: 100%;height: 100%;object-fit: cover;display: block;transition: transform 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);        }
        .pro-card-img-main:hover img {transform: scale(1.05);        }
        .pro-hover-desc {position: absolute;bottom: 0;left: 0;width: 100%;height: 60px;background: rgba(0, 0, 0, 0.75);backdrop-filter: blur(4px);color: white;display: flex;align-items: center;justify-content: center;font-size: 0.85rem;font-weight: 500;padding: 0 12px;text-align: center;opacity: 0;transition: opacity 0.2s ease;pointer-events: none;z-index: 3;        }
        .pro-card:hover .pro-hover-desc {opacity: 1;}
        .pro-sku-row {display: flex;gap: 3px;padding: 3px;flex-wrap: wrap;border-top: 1px solid #f0f2f5;align-items: center;        }
        .pro-sku-thumb {width: 30px;height: 30px;border-radius: 50%;overflow: hidden;cursor: pointer;border: 2px solid transparent;transition: 0.1s;        }
        .pro-sku-thumb img {width: 100%;height: 100%;object-fit: cover;        }
        .pro-sku-count {margin-left: auto;font-size: 0.7rem;background: #eff3f6;padding: 4px 10px;border-radius: 30px;white-space: nowrap;        }
        .pro-card-content {padding: 12px 8px 18px;text-align: center;        }
        .pro-card-content a {font-size: 1.1rem;color: var(--primary);text-decoration: none;        }
        .pro-card-content a:hover {font-size: 1.1rem;color: var(--linkactive);        }
        .pro-title {font-weight: 600;font-size: 0.8rem;margin-bottom: 8px;        }
        .pro-rating {display: flex;justify-content: center;align-items: center;gap: 6px;font-size: 1rem;margin: 8px 0;        }
        .pro-stars {color: #f5b342;font-size: 1.1rem;letter-spacing: 2px;        }
        .pro-stars img {width: 18px;height: 18px;        }
        .pro-price {display: flex;justify-content: center;align-items: baseline;gap: 12px;flex-wrap: wrap;margin: 8px 0 6px;        }
        .pro-current {font-size: 1.4rem;font-weight: 800;color: var(--primary);        }
        .pro-old {font-size: 0.85rem;color: #94a3b8;text-decoration: line-through;        }
        .pro-discount {background: #fee2e2;padding: 2px 10px;border-radius: 20px;font-size: 0.7rem;color: #c2410c;        }
        .pro-flavor {background: #eff3f8;display: inline-block;padding: 4px 14px;border-radius: 40px;font-size: 0.7rem;margin-top: 8px;        }
	   
	   
	/*products show end*/	
	
	/*about us*/
	.ab_container{max-width: 1300px;margin: 0 auto;width: 100%;min-height:500px}
	
	/* in page Reviews 3列瀑布流，图片比例4:6 */
        .reviews-masonry {column-count: 4; column-gap: 10px;max-width: 1300px;width: 100%;margin: 0 auto;}
        .review-item {break-inside: avoid;margin-bottom: 28px;background: #ffffff;border-radius: 10px;padding: 10px;border: 1px solid #e9edf4;box-shadow: 0 6px 14px rgba(0, 0, 0, 0.02), 0 2px 4px rgba(0, 0, 0, 0.02);transition: all 0.25s ease;}
        .review-item:hover {box-shadow: 0 18px 30px -12px rgba(0, 0, 0, 0.1);transform: translateY(-3px);}
        .review-header {display: flex;gap: 14px;align-items: center;margin-bottom: 14px;}
        .review-avatar {width: 48px;height: 48px;border-radius: 50%;overflow: hidden;background: #eef2f8;flex-shrink: 0;box-shadow: 0 1px 4px rgba(0,0,0,0.05);}
        .review-avatar img {width: 100%;height: 100%;object-fit: cover;display: block;}
        .review-info {flex: 1;}
        .review-name {font-weight: 700;font-size: 1rem;color: #1a2c2e;letter-spacing: -0.2px;}
        .review-stars {color: #f5b342;font-size: 0.85rem;margin-top: 5px;display: flex;gap: 2px;letter-spacing: 1px;}
        .review-text {font-size: 0.9rem;line-height: 1.5;margin: 14px 0;color: #1f3a42;word-break: break-word;}
        .review-gallery {margin: 14px 0; overflow: hidden;background: #f2f5fa;aspect-ratio: 4 / 6;width: 100%;}
        .review-gallery img {width: 100%;height: 100%;object-fit: cover;display: block;transition: transform 0.3s ease;}
        .review-gallery img:hover {transform: scale(1.01);}
        .review-footer {display: flex;align-items: center;gap: 12px;margin-top: 16px;border-top: 1px solid #edf2f9;padding-top: 14px;text-decoration: none;color: inherit;cursor: pointer;transition: opacity 0.2s ease, background 0.1s;border-radius: 16px;}
        .review-footer:hover {opacity: 0.85;background: rgba(100, 108, 118, 0.02);}
        .review-product {width: 46px;height:46px; overflow: hidden; display: flex;align-items: center;justify-content: center;flex-shrink: 0;transition: transform 0.1s;}
        .review-product img {width:100%;object-fit: contain;display: block;}
        .review-pro-title {font-size: 0.72rem;font-weight: 500;color: #3c5a6f;flex: 1;letter-spacing: 0.2px;line-height: 1.35;}

		@media (max-width: 1199px) {.reviews-masonry {column-count: 3;}}
		@media (max-width: 800px) {.reviews-masonry {column-count: 1;column-gap: 0;}}
		/*@media (max-width: 599px) {.reviews-masonry {column-count: 1;column-gap: 0;}}*/
		
		/*优惠券按钮*/
		.popoffer-btn {padding: 12px 30px;background: #fa5a55;color: white;border: none;border-radius: 30px;font-size: 1rem;cursor: pointer;margin: 10px;}
        .popoffer-btn:hover {background: #e04a45;}
		
		
/* 分享区域 - 使用 Font Awesome 通用图标 */
.pd-share-section { margin-top: 48px; text-align: center; border-top: 1px solid #eef2f8; padding-top: 32px; }
.pd-share-title { font-size: 14px; font-weight: 600; margin-bottom: 14px; color: #2d3a4a; }
.pd-share-icons { display: flex; justify-content: center; gap: 28px; flex-wrap: wrap; }
.pd-share-icon { font-size: 28px; color: #5b6e8c; transition: 0.2s; cursor: pointer; }
.pd-share-icon:hover { color: #e11d48; transform: translateY(-3px); }

hr { margin: 20px 0; background: #e6e9ec; border: none; height: 1px; }



/* ====== 浮动 WhatsApp 按钮 ====== */
.whatsapp-float {position: fixed;right: 30px;bottom: 20vh;z-index: 9999;  }
.whatsapp-float .btn-main {display: flex;align-items: center;justify-content: center;width: 56px;height: 56px;border-radius: 50%;background: #009a00;color: #fff;font-size: 2.5rem;text-decoration: none;transition: transform 0.25s ease;border: none;outline: none; }
.whatsapp-float .btn-main:hover {transform: scale(1.10);}
.whatsapp-float .btn-main:active {transform: scale(0.92);}
@media (max-width: 480px) {.whatsapp-float {right: 16px;bottom: 15vh;}.whatsapp-float .btn-main {width: 38px;height: 38px;font-size: 2rem;}}
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}


      /* ===== 轮播头部（标题 + 按钮） ===== */
        .related-header {display: flex;align-items: center;justify-content: space-between;margin-bottom: 24px;flex-wrap: wrap;gap: 12px 20px;}
        .related-header h2 {font-size: 1.8rem;font-weight: 700;color: #1a2634;letter-spacing: -0.02em;margin: 0;}
        .related-nav {display: flex;gap: 8px;align-items: center;}
        .related-nav button {width: 44px;height: 44px;border-radius: 50%;border: 1px solid #dce1e8;background: var(--card-white);color: #2c3e50;font-size: 1.5rem;line-height: 1;cursor: pointer;transition: all 0.2s ease;display: flex;align-items: center;justify-content: center;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);user-select: none;}
        .related-nav button:hover:not(:disabled) {background: var(--primary);color: #fff;border-color: var(--primary);box-shadow: 0 4px 12px rgba(192, 57, 43, 0.25);}
        .related-nav button:active:not(:disabled) {transform: scale(0.94);}
        .related-nav button:disabled {opacity: 0.3;cursor: not-allowed;pointer-events: none;}
        .related-scroll {overflow: hidden;border-radius: var(--radius-card);position: relative;}
        .related-track {display: flex;gap: 16px;transition: transform var(--transition-smooth);will-change: transform;padding: 4px 0 8px;}
	    @media (max-width: 1024px) {.pro-card {    flex: 0 0 calc(33.333% - 12px);}        }
        @media (max-width: 768px) {.pro-card {    flex: 0 0 calc(50% - 8px); /* 2列 */}.related-header h2 {    font-size: 1.3rem;}.related-nav button {    width: 38px;    height: 38px;    font-size: 1.2rem;}.pro-sku-row {    display: none;}.pro-flavor {    border-radius: 0;}}
        @media (max-width: 480px) {.pro-card {    flex: 0 0 calc(100% - 0px); /* 1列 */}        }

        .related-track,
        .pro-card {user-select: none;-webkit-user-select: none;