.ai-custom-heading-anvhhbmlrcnc1mkjyyaigenblock95f0b02wcwx4f {
display: block;
width: 100%;
margin-top: 0px;
margin-bottom: 20px;
margin-left: 0px;
margin-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
}
.ai-custom-heading-anvhhbmlrcnc1mkjyyaigenblock95f0b02wcwx4f__title {
font-family: Arial, sans-serif;
font-size: 32px;
font-weight: 700;
line-height: 1.4;
color: #000000;
margin: 0;
}
.ai-custom-heading-anvhhbmlrcnc1mkjyyaigenblock95f0b02wcwx4f__subtitle {
font-family: Arial, sans-serif;
font-size: calc(32px * 0.7);
font-weight: 700;
color: #666666;
margin: 8px 0 0 0;
}
@media screen and (max-width: 767px) {
.ai-custom-heading-anvhhbmlrcnc1mkjyyaigenblock95f0b02wcwx4f__title {
font-size: 24px;
}
.ai-custom-heading-anvhhbmlrcnc1mkjyyaigenblock95f0b02wcwx4f__subtitle {
font-size: calc(24px * 0.7);
}
}
Coziwow Member Perks
All the Good Stuff Just for You
/* 核心修改：调整PC端页边距结构，和上一个模块保持一致 */
.ai-member-benefits-abdrstlfxqklqtwvicaigenblock83b8883qyhg6d {
display: block;
width: 100%;
max-width: 100%; /* 改为100%，由内部容器控制宽度 */
margin: 0 auto;
padding: 20px 20px; /* 关键：PC端左右固定20px内边距，和上一模块一致 */
}
/* 新增：居中内容容器，和上一模块结构对齐 */
.ai-member-benefits__container-abdrstlfxqklqtwvicaigenblock83b8883qyhg6d {
max-width: 1200px; /* 内容最大宽度1200px，和上一模块一致 */
margin: 0 auto; /* 水平居中 */
width: 90%; /* 保留原有的宽度占比配置 */
}
.ai-member-benefits__grid-abdrstlfxqklqtwvicaigenblock83b8883qyhg6d {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 16px;
}
.ai-member-benefits__card-abdrstlfxqklqtwvicaigenblock83b8883qyhg6d {
background-color: #fffefb;
border-radius: 8px;
padding: 16px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
text-align: center;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.ai-member-benefits__card-abdrstlfxqklqtwvicaigenblock83b8883qyhg6d:hover {
transform: translateY(-4px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.ai-member-benefits__icon-abdrstlfxqklqtwvicaigenblock83b8883qyhg6d {
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.ai-member-benefits__icon-abdrstlfxqklqtwvicaigenblock83b8883qyhg6d svg {
width: 100%;
height: 100%;
fill: #ffbc0d;
}
.ai-member-benefits__icon-abdrstlfxqklqtwvicaigenblock83b8883qyhg6d img {
width: 100%;
height: 100%;
object-fit: contain;
}
.ai-member-benefits__title-abdrstlfxqklqtwvicaigenblock83b8883qyhg6d {
font-size: 14px;
font-weight: 700;
color: #000000;
margin: 0;
line-height: 1.4;
}
.ai-member-benefits__link-abdrstlfxqklqtwvicaigenblock83b8883qyhg6d {
font-size: 12px;
color: #666666;
text-decoration: underline;
transition: color 0.3s ease;
}
.ai-member-benefits__link-abdrstlfxqklqtwvicaigenblock83b8883qyhg6d:hover {
color: #000000;
}
.ai-member-benefits__label-abdrstlfxqklqtwvicaigenblock83b8883qyhg6d {
background-color: #f5f5f5;
color: #666666;
font-size: 11px;
padding: 4px 8px;
border-radius: 4px;
margin-top: auto;
white-space: nowrap;
}
.ai-member-benefits__label-abdrstlfxqklqtwvicaigenblock83b8883qyhg6d:empty {
display: none;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.ai-member-benefits__grid-abdrstlfxqklqtwvicaigenblock83b8883qyhg6d {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (max-width: 767px) {
.ai-member-benefits-abdrstlfxqklqtwvicaigenblock83b8883qyhg6d {
max-width: 100%;
padding: 14.0px 15px; /* 移动端左右边距15px，和上一模块一致 */
}
.ai-member-benefits__container-abdrstlfxqklqtwvicaigenblock83b8883qyhg6d {
width: 100%; /* 移动端内容容器占满宽度 */
}
.ai-member-benefits__grid-abdrstlfxqklqtwvicaigenblock83b8883qyhg6d {
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
.ai-member-benefits__card-abdrstlfxqklqtwvicaigenblock83b8883qyhg6d {
padding: 12px;
}
.ai-member-benefits__icon-abdrstlfxqklqtwvicaigenblock83b8883qyhg6d {
width: 40px;
height: 40px;
}
.ai-member-benefits__title-abdrstlfxqklqtwvicaigenblock83b8883qyhg6d {
font-size: 13px;
}
.ai-member-benefits__link-abdrstlfxqklqtwvicaigenblock83b8883qyhg6d {
font-size: 11px;
}
.ai-member-benefits__label-abdrstlfxqklqtwvicaigenblock83b8883qyhg6d {
font-size: 10px;
padding: 3px 6px;
}
}
.ai-membership-perks-aamezm2yruzf6swhjaaigenblock37c3ed0p4t3ug {
display: block;
width: 100%;
max-width: 100%;
padding: 40px 20px;
background-color: #f9f9ee;
}
.ai-membership-perks__container-aamezm2yruzf6swhjaaigenblock37c3ed0p4t3ug {
max-width: 1200px;
margin: 0 auto;
}
.ai-membership-perks__header-aamezm2yruzf6swhjaaigenblock37c3ed0p4t3ug {
text-align: left;
margin-bottom: 30px;
}
.ai-membership-perks__heading-aamezm2yruzf6swhjaaigenblock37c3ed0p4t3ug {
font-size: 28px;
color: #000000;
margin: 0 0 15px 0;
font-weight: 700;
}
.ai-membership-perks__description-aamezm2yruzf6swhjaaigenblock37c3ed0p4t3ug {
font-size: 14px;
color: #666666;
line-height: 1.6;
margin: 0;
}
.ai-membership-perks__grid-aamezm2yruzf6swhjaaigenblock37c3ed0p4t3ug {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.ai-membership-perks__card-aamezm2yruzf6swhjaaigenblock37c3ed0p4t3ug {
position: relative;
background-color: #ffffff;
border-radius: 8px;
padding: 20px;
border: 1px solid #f0e6d6;
display: flex;
flex-direction: column;
gap: 8px;
}
.ai-membership-perks__badge-aamezm2yruzf6swhjaaigenblock37c3ed0p4t3ug {
position: absolute;
top: 20px;
right: 20px;
background-color: #ebebeb;
color: #ff8c00;
padding: 4px 10px;
border-radius: 4px;
font-size: 12px;
font-weight: 600;
display: flex;
align-items: center;
gap: 4px;
}
.ai-membership-perks__card-content-aamezm2yruzf6swhjaaigenblock37c3ed0p4t3ug {
display: flex;
align-items: flex-start;
gap: 15px;
padding-right: 60px;
}
.ai-membership-perks__card-text-aamezm2yruzf6swhjaaigenblock37c3ed0p4t3ug {
flex: 1;
}
.ai-membership-perks__card-title-aamezm2yruzf6swhjaaigenblock37c3ed0p4t3ug {
font-size: 16px;
color: #000000;
font-weight: 700;
margin: 0 0 6px 0;
text-decoration: underline;
}
.ai-membership-perks__card-subtitle-aamezm2yruzf6swhjaaigenblock37c3ed0p4t3ug {
font-size: 13px;
color: #666666;
margin: 0;
line-height: 1.5;
}
.ai-membership-perks__card-icon-aamezm2yruzf6swhjaaigenblock37c3ed0p4t3ug {
flex-shrink: 0;
width: 56px;
height: 56px;
display: flex;
align-items: center;
justify-content: center;
}
.ai-membership-perks__card-icon-aamezm2yruzf6swhjaaigenblock37c3ed0p4t3ug .custom-icon {
width: 100%;
height: 100%;
object-fit: contain;
}
.ai-membership-perks__card-icon-aamezm2yruzf6swhjaaigenblock37c3ed0p4t3ug svg {
width: 100%;
height: 100%;
fill: #ffbc0d;
}
@media screen and (max-width: 749px) {
.ai-membership-perks-aamezm2yruzf6swhjaaigenblock37c3ed0p4t3ug {
width: 100%;
padding: 28.0px 15px;
}
.ai-membership-perks__grid-aamezm2yruzf6swhjaaigenblock37c3ed0p4t3ug {
grid-template-columns: 1fr;
gap: 14.0px;
}
.ai-membership-perks__heading-aamezm2yruzf6swhjaaigenblock37c3ed0p4t3ug {
font-size: 22.4px;
}
.ai-membership-perks__description-aamezm2yruzf6swhjaaigenblock37c3ed0p4t3ug {
font-size: 12.6px;
}
.ai-membership-perks__card-content-aamezm2yruzf6swhjaaigenblock37c3ed0p4t3ug {
padding-right: 50px;
}
.ai-membership-perks__card-title-aamezm2yruzf6swhjaaigenblock37c3ed0p4t3ug {
font-size: 14.4px;
}
.ai-membership-perks__card-subtitle-aamezm2yruzf6swhjaaigenblock37c3ed0p4t3ug {
font-size: 11.7px;
}
.ai-membership-perks__card-icon-aamezm2yruzf6swhjaaigenblock37c3ed0p4t3ug {
width: 44.8px;
height: 44.8px;
}
}
Starter Member Membership Perk
Starter Members (Free to Join) enjoy Free Shipping, earn 5 points per $1 spent, and get a 5% discount on every order; non-members only receive a 5% discount on their first order (no other perks).
As Fast As 2-Day Delivery
Exclusive to Starter Members & Above
Free Full-Order Shipping
Available for All Members
Worry-Free Purchase
Exclusive to Starter Members & Above
/* ========================================
MEMBERSHIP PERK BLOCK – MAIN CONTAINER
核心修改：缩小板块宽度+增加上下间距
======================================== */
.ai-perk-section-acdzrwwfiby9frlfdvaigenblock684b5e9labn3x {
display: block;
width: 100%;
max-width: 100%;
/* 核心修改：PC端上下增加间距（默认30px），左右保留20px内边距 */
padding: 30px 20px;
margin: 0 auto; /* 水平居中 */
box-sizing: border-box;
}
/* 新增：居中内容容器（缩小宽度，默认85%） */
.ai-perk-content-wrapper-acdzrwwfiby9frlfdvaigenblock684b5e9labn3x {
max-width: 1200px;
margin: 0 auto;
/* 核心修改：控制板块宽度，默认85%（可在后台调整） */
width: 85%;
}
/* Light background container with rounded corners and shadow */
.ai-perk-container-acdzrwwfiby9frlfdvaigenblock684b5e9labn3x {
background-color: #ffffff;
border-radius: 16px;
box-shadow: 0px 4px 24px #00000014;
padding: 50px;
overflow: hidden;
}
/* ========================================
HEADER SECTION (Label, Heading, Subtext)
======================================== */
.ai-perk-header-acdzrwwfiby9frlfdvaigenblock684b5e9labn3x {
margin-bottom: 40px;
}
/* “Membership Perk X” label */
.ai-perk-label-acdzrwwfiby9frlfdvaigenblock684b5e9labn3x {
color: #ffbc0d;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1.5px;
margin-bottom: 10px;
display: block;
}
/* Main heading */
.ai-perk-heading-acdzrwwfiby9frlfdvaigenblock684b5e9labn3x {
color: #000000;
font-size: 36px;
font-weight: 700;
line-height: 1.2;
margin-bottom: 12px;
}
/* Subtext below heading */
.ai-perk-subtext-acdzrwwfiby9frlfdvaigenblock684b5e9labn3x {
color: #58595b;
font-size: 16px;
line-height: 1.6;
margin-bottom: 0;
}
/* ========================================
2-COLUMN LAYOUT (Desktop)
SWAP SIDES: Change order via settings
======================================== */
.ai-perk-columns-acdzrwwfiby9frlfdvaigenblock684b5e9labn3x {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 100px;
align-items: center;
}
/* TEXT COLUMN */
.ai-perk-text-col-acdzrwwfiby9frlfdvaigenblock684b5e9labn3x {
order: 2; /* Text on RIGHT when swapped */
}
/* IMAGE COLUMN */
.ai-perk-image-col-acdzrwwfiby9frlfdvaigenblock684b5e9labn3x {
order: 1; /* Image on LEFT when swapped */
}
/* ========================================
BENEFIT POINTS (Bold, Large Text)
======================================== */
.ai-perk-benefits-acdzrwwfiby9frlfdvaigenblock684b5e9labn3x {
display: flex;
flex-direction: column;
gap: 20px;
}
.ai-perk-benefit-item-acdzrwwfiby9frlfdvaigenblock684b5e9labn3x {
display: flex;
align-items: flex-start;
gap: 12px;
}
/* Checkmark icon */
.ai-perk-icon-acdzrwwfiby9frlfdvaigenblock684b5e9labn3x {
flex-shrink: 0;
width: 24px;
height: 24px;
margin-top: 3px;
}
.ai-perk-icon-acdzrwwfiby9frlfdvaigenblock684b5e9labn3x svg {
width: 100%;
height: 100%;
fill: #ffbc0d;
}
/* Benefit text (bold, large) */
.ai-perk-benefit-text-acdzrwwfiby9frlfdvaigenblock684b5e9labn3x {
color: #000000;
font-size: 22px;
font-weight: 600;
line-height: 1.4;
}
/* ========================================
IMAGE COLUMN (Product Visual + Badge)
======================================== */
.ai-perk-image-wrapper-acdzrwwfiby9frlfdvaigenblock684b5e9labn3x {
position: relative;
width: 100%;
border-radius: 12px;
overflow: hidden;
}
/* Product image (class: custom-perk-image for easy targeting) */
.ai-perk-image-acdzrwwfiby9frlfdvaigenblock684b5e9labn3x,
.custom-perk-image {
width: 100%;
height: auto;
display: block;
border-radius: 12px;
}
/* Placeholder when no image uploaded */
.ai-perk-placeholder-acdzrwwfiby9frlfdvaigenblock684b5e9labn3x {
background-color: #f5f5f5;
width: 100%;
aspect-ratio: 4 / 3;
display: flex;
align-items: center;
justify-content: center;
border-radius: 12px;
position: relative;
}
.ai-perk-placeholder-acdzrwwfiby9frlfdvaigenblock684b5e9labn3x svg {
width: 100%;
height: 100%;
max-width: 250px;
max-height: 250px;
opacity: 0.25;
}
.ai-perk-empty-text-acdzrwwfiby9frlfdvaigenblock684b5e9labn3x {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
color: #999;
font-size: 14px;
text-align: center;
white-space: nowrap;
}
/* “Extra 5% Off” badge overlay */
.ai-perk-badge-acdzrwwfiby9frlfdvaigenblock684b5e9labn3x {
position: absolute;
top: 20px;
right: 20px;
background-color: #db0007;
color: #ffffff;
padding: 8px 16px;
border-radius: 6px;
font-size: 14px;
font-weight: 600;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
white-space: nowrap;
}
/* ========================================
MOBILE RESPONSIVE (Stacked 1-Column)
======================================== */
@media screen and (max-width: 749px) {
.ai-perk-section-acdzrwwfiby9frlfdvaigenblock684b5e9labn3x {
/* 移动端上下间距同步PC端配置 */
padding: 21.0px 15px;
margin: 0;
}
.ai-perk-content-wrapper-acdzrwwfiby9frlfdvaigenblock684b5e9labn3x {
width: 100%; /* 移动端内容容器占满宽度 */
}
.ai-perk-container-acdzrwwfiby9frlfdvaigenblock684b5e9labn3x {
padding: 25px;
}
/* Stack columns vertically */
.ai-perk-columns-acdzrwwfiby9frlfdvaigenblock684b5e9labn3x {
grid-template-columns: 1fr;
gap: 15px;
}
/* Reset order for mobile stacking */
.ai-perk-text-col-acdzrwwfiby9frlfdvaigenblock684b5e9labn3x,
.ai-perk-image-col-acdzrwwfiby9frlfdvaigenblock684b5e9labn3x {
order: unset;
}
/* Show image first on mobile if enabled */
.ai-perk-image-col-acdzrwwfiby9frlfdvaigenblock684b5e9labn3x {
order: -1;
}
/* Scale down text sizes for mobile */
.ai-perk-heading-acdzrwwfiby9frlfdvaigenblock684b5e9labn3x {
font-size: 24px;
}
.ai-perk-benefit-text-acdzrwwfiby9frlfdvaigenblock684b5e9labn3x {
font-size: 16px;
}
.ai-perk-badge-acdzrwwfiby9frlfdvaigenblock684b5e9labn3x {
font-size: 12px;
padding: 6px 9.0px;
}
}
Better Deals. Higher Points. Greater Value.
Join as an Advanced Member (after $400 total spend) to unlock more savings & benefits!
Enjoy All the Benefits of Starter Members
Earn 6 Points for Every $1 Spent
Get an 8% discount on every order (claim via customer service)
/* ========================================
MEMBERSHIP PERK BLOCK – MAIN CONTAINER
核心修改：缩小板块宽度+增加上下间距
======================================== */
.ai-perk-section-aq3fouvlnd0trvldkyaigenblock684b5e9jfymxr {
display: block;
width: 100%;
max-width: 100%;
/* 核心修改：PC端上下增加间距（默认30px），左右保留20px内边距 */
padding: 30px 20px;
margin: 0 auto; /* 水平居中 */
box-sizing: border-box;
}
/* 新增：居中内容容器（缩小宽度，默认85%） */
.ai-perk-content-wrapper-aq3fouvlnd0trvldkyaigenblock684b5e9jfymxr {
max-width: 1200px;
margin: 0 auto;
/* 核心修改：控制板块宽度，默认85%（可在后台调整） */
width: 85%;
}
/* Light background container with rounded corners and shadow */
.ai-perk-container-aq3fouvlnd0trvldkyaigenblock684b5e9jfymxr {
background-color: #ffffff;
border-radius: 16px;
box-shadow: 0px 4px 24px #00000014;
padding: 50px;
overflow: hidden;
}
/* ========================================
HEADER SECTION (Label, Heading, Subtext)
======================================== */
.ai-perk-header-aq3fouvlnd0trvldkyaigenblock684b5e9jfymxr {
margin-bottom: 40px;
}
/* “Membership Perk X” label */
.ai-perk-label-aq3fouvlnd0trvldkyaigenblock684b5e9jfymxr {
color: #ffbc0d;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1.5px;
margin-bottom: 10px;
display: block;
}
/* Main heading */
.ai-perk-heading-aq3fouvlnd0trvldkyaigenblock684b5e9jfymxr {
color: #000000;
font-size: 36px;
font-weight: 700;
line-height: 1.2;
margin-bottom: 12px;
}
/* Subtext below heading */
.ai-perk-subtext-aq3fouvlnd0trvldkyaigenblock684b5e9jfymxr {
color: #58595b;
font-size: 16px;
line-height: 1.6;
margin-bottom: 0;
}
/* ========================================
2-COLUMN LAYOUT (Desktop)
SWAP SIDES: Change order via settings
======================================== */
.ai-perk-columns-aq3fouvlnd0trvldkyaigenblock684b5e9jfymxr {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 50px;
align-items: center;
}
/* TEXT COLUMN */
.ai-perk-text-col-aq3fouvlnd0trvldkyaigenblock684b5e9jfymxr {
order: 1; /* Text on LEFT by default */
}
/* IMAGE COLUMN */
.ai-perk-image-col-aq3fouvlnd0trvldkyaigenblock684b5e9jfymxr {
order: 2; /* Image on RIGHT by default */
}
/* ========================================
BENEFIT POINTS (Bold, Large Text)
======================================== */
.ai-perk-benefits-aq3fouvlnd0trvldkyaigenblock684b5e9jfymxr {
display: flex;
flex-direction: column;
gap: 20px;
}
.ai-perk-benefit-item-aq3fouvlnd0trvldkyaigenblock684b5e9jfymxr {
display: flex;
align-items: flex-start;
gap: 12px;
}
/* Checkmark icon */
.ai-perk-icon-aq3fouvlnd0trvldkyaigenblock684b5e9jfymxr {
flex-shrink: 0;
width: 24px;
height: 24px;
margin-top: 3px;
}
.ai-perk-icon-aq3fouvlnd0trvldkyaigenblock684b5e9jfymxr svg {
width: 100%;
height: 100%;
fill: #ffbc0d;
}
/* Benefit text (bold, large) */
.ai-perk-benefit-text-aq3fouvlnd0trvldkyaigenblock684b5e9jfymxr {
color: #000000;
font-size: 22px;
font-weight: 600;
line-height: 1.4;
}
/* ========================================
IMAGE COLUMN (Product Visual + Badge)
======================================== */
.ai-perk-image-wrapper-aq3fouvlnd0trvldkyaigenblock684b5e9jfymxr {
position: relative;
width: 100%;
border-radius: 12px;
overflow: hidden;
}
/* Product image (class: custom-perk-image for easy targeting) */
.ai-perk-image-aq3fouvlnd0trvldkyaigenblock684b5e9jfymxr,
.custom-perk-image {
width: 100%;
height: auto;
display: block;
border-radius: 12px;
}
/* Placeholder when no image uploaded */
.ai-perk-placeholder-aq3fouvlnd0trvldkyaigenblock684b5e9jfymxr {
background-color: #f5f5f5;
width: 100%;
aspect-ratio: 4 / 3;
display: flex;
align-items: center;
justify-content: center;
border-radius: 12px;
position: relative;
}
.ai-perk-placeholder-aq3fouvlnd0trvldkyaigenblock684b5e9jfymxr svg {
width: 100%;
height: 100%;
max-width: 250px;
max-height: 250px;
opacity: 0.25;
}
.ai-perk-empty-text-aq3fouvlnd0trvldkyaigenblock684b5e9jfymxr {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
color: #999;
font-size: 14px;
text-align: center;
white-space: nowrap;
}
/* “Extra 5% Off” badge overlay */
.ai-perk-badge-aq3fouvlnd0trvldkyaigenblock684b5e9jfymxr {
position: absolute;
top: 20px;
right: 20px;
background-color: #db0007;
color: #ffffff;
padding: 8px 16px;
border-radius: 6px;
font-size: 14px;
font-weight: 600;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
white-space: nowrap;
}
/* ========================================
MOBILE RESPONSIVE (Stacked 1-Column)
======================================== */
@media screen and (max-width: 749px) {
.ai-perk-section-aq3fouvlnd0trvldkyaigenblock684b5e9jfymxr {
/* 移动端上下间距同步PC端配置 */
padding: 21.0px 15px;
margin: 0;
}
.ai-perk-content-wrapper-aq3fouvlnd0trvldkyaigenblock684b5e9jfymxr {
width: 100%; /* 移动端内容容器占满宽度 */
}
.ai-perk-container-aq3fouvlnd0trvldkyaigenblock684b5e9jfymxr {
padding: 25px;
}
/* Stack columns vertically */
.ai-perk-columns-aq3fouvlnd0trvldkyaigenblock684b5e9jfymxr {
grid-template-columns: 1fr;
gap: 30px;
}
/* Reset order for mobile stacking */
.ai-perk-text-col-aq3fouvlnd0trvldkyaigenblock684b5e9jfymxr,
.ai-perk-image-col-aq3fouvlnd0trvldkyaigenblock684b5e9jfymxr {
order: unset;
}
/* Show image first on mobile if enabled */
.ai-perk-image-col-aq3fouvlnd0trvldkyaigenblock684b5e9jfymxr {
order: -1;
}
/* Scale down text sizes for mobile */
.ai-perk-heading-aq3fouvlnd0trvldkyaigenblock684b5e9jfymxr {
font-size: 24px;
}
.ai-perk-benefit-text-aq3fouvlnd0trvldkyaigenblock684b5e9jfymxr {
font-size: 16px;
}
.ai-perk-badge-aq3fouvlnd0trvldkyaigenblock684b5e9jfymxr {
font-size: 12px;
padding: 6px 9.0px;
}
}
Top-Tier Points. Premium Coupons. Exclusive Gifts
Become an Elite Member (after $1000 total spend) to unlock premium perks!
Enjoy All the Benefits of Advanced Members
Earn 7 Points for Every $1 Spent
Get an 10% discount on every order (claim via customer service)
Annual $50 Accessory Gift Pack (for accessory zone only)
/* ========================================
MEMBERSHIP PERK BLOCK – MAIN CONTAINER
核心修改：缩小板块宽度+增加上下间距
======================================== */
.ai-perk-section-akzfhrljvk1fpa3k1qaigenblock684b5e9f6mfum {
display: block;
width: 100%;
max-width: 100%;
/* 核心修改：PC端上下增加间距（默认30px），左右保留20px内边距 */
padding: 30px 20px;
margin: 0 auto; /* 水平居中 */
box-sizing: border-box;
}
/* 新增：居中内容容器（缩小宽度，默认85%） */
.ai-perk-content-wrapper-akzfhrljvk1fpa3k1qaigenblock684b5e9f6mfum {
max-width: 1200px;
margin: 0 auto;
/* 核心修改：控制板块宽度，默认85%（可在后台调整） */
width: 85%;
}
/* Light background container with rounded corners and shadow */
.ai-perk-container-akzfhrljvk1fpa3k1qaigenblock684b5e9f6mfum {
background-color: #ffffff;
border-radius: 16px;
box-shadow: 0px 4px 24px #00000014;
padding: 50px;
overflow: hidden;
}
/* ========================================
HEADER SECTION (Label, Heading, Subtext)
======================================== */
.ai-perk-header-akzfhrljvk1fpa3k1qaigenblock684b5e9f6mfum {
margin-bottom: 20px;
}
/* “Membership Perk X” label */
.ai-perk-label-akzfhrljvk1fpa3k1qaigenblock684b5e9f6mfum {
color: #ffbc0d;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1.5px;
margin-bottom: 10px;
display: block;
}
/* Main heading */
.ai-perk-heading-akzfhrljvk1fpa3k1qaigenblock684b5e9f6mfum {
color: #000000;
font-size: 36px;
font-weight: 700;
line-height: 1.2;
margin-bottom: 12px;
}
/* Subtext below heading */
.ai-perk-subtext-akzfhrljvk1fpa3k1qaigenblock684b5e9f6mfum {
color: #58595b;
font-size: 16px;
line-height: 1.6;
margin-bottom: 0;
}
/* ========================================
2-COLUMN LAYOUT (Desktop)
SWAP SIDES: Change order via settings
======================================== */
.ai-perk-columns-akzfhrljvk1fpa3k1qaigenblock684b5e9f6mfum {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 50px;
align-items: center;
}
/* TEXT COLUMN */
.ai-perk-text-col-akzfhrljvk1fpa3k1qaigenblock684b5e9f6mfum {
order: 2; /* Text on RIGHT when swapped */
}
/* IMAGE COLUMN */
.ai-perk-image-col-akzfhrljvk1fpa3k1qaigenblock684b5e9f6mfum {
order: 1; /* Image on LEFT when swapped */
}
/* ========================================
BENEFIT POINTS (Bold, Large Text)
======================================== */
.ai-perk-benefits-akzfhrljvk1fpa3k1qaigenblock684b5e9f6mfum {
display: flex;
flex-direction: column;
gap: 40px;
}
.ai-perk-benefit-item-akzfhrljvk1fpa3k1qaigenblock684b5e9f6mfum {
display: flex;
align-items: flex-start;
gap: 12px;
}
/* Checkmark icon */
.ai-perk-icon-akzfhrljvk1fpa3k1qaigenblock684b5e9f6mfum {
flex-shrink: 0;
width: 24px;
height: 24px;
margin-top: 3px;
}
.ai-perk-icon-akzfhrljvk1fpa3k1qaigenblock684b5e9f6mfum svg {
width: 100%;
height: 100%;
fill: #ffbc0d;
}
/* Benefit text (bold, large) */
.ai-perk-benefit-text-akzfhrljvk1fpa3k1qaigenblock684b5e9f6mfum {
color: #000000;
font-size: 22px;
font-weight: 600;
line-height: 1.4;
}
/* ========================================
IMAGE COLUMN (Product Visual + Badge)
======================================== */
.ai-perk-image-wrapper-akzfhrljvk1fpa3k1qaigenblock684b5e9f6mfum {
position: relative;
width: 100%;
border-radius: 12px;
overflow: hidden;
}
/* Product image (class: custom-perk-image for easy targeting) */
.ai-perk-image-akzfhrljvk1fpa3k1qaigenblock684b5e9f6mfum,
.custom-perk-image {
width: 100%;
height: auto;
display: block;
border-radius: 12px;
}
/* Placeholder when no image uploaded */
.ai-perk-placeholder-akzfhrljvk1fpa3k1qaigenblock684b5e9f6mfum {
background-color: #f5f5f5;
width: 100%;
aspect-ratio: 4 / 3;
display: flex;
align-items: center;
justify-content: center;
border-radius: 12px;
position: relative;
}
.ai-perk-placeholder-akzfhrljvk1fpa3k1qaigenblock684b5e9f6mfum svg {
width: 100%;
height: 100%;
max-width: 250px;
max-height: 250px;
opacity: 0.25;
}
.ai-perk-empty-text-akzfhrljvk1fpa3k1qaigenblock684b5e9f6mfum {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
color: #999;
font-size: 14px;
text-align: center;
white-space: nowrap;
}
/* “Extra 5% Off” badge overlay */
.ai-perk-badge-akzfhrljvk1fpa3k1qaigenblock684b5e9f6mfum {
position: absolute;
top: 20px;
right: 20px;
background-color: #db0007;
color: #ffffff;
padding: 8px 16px;
border-radius: 6px;
font-size: 14px;
font-weight: 600;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
white-space: nowrap;
}
/* ========================================
MOBILE RESPONSIVE (Stacked 1-Column)
======================================== */
@media screen and (max-width: 749px) {
.ai-perk-section-akzfhrljvk1fpa3k1qaigenblock684b5e9f6mfum {
/* 移动端上下间距同步PC端配置 */
padding: 21.0px 15px;
margin: 0;
}
.ai-perk-content-wrapper-akzfhrljvk1fpa3k1qaigenblock684b5e9f6mfum {
width: 100%; /* 移动端内容容器占满宽度 */
}
.ai-perk-container-akzfhrljvk1fpa3k1qaigenblock684b5e9f6mfum {
padding: 25px;
}
/* Stack columns vertically */
.ai-perk-columns-akzfhrljvk1fpa3k1qaigenblock684b5e9f6mfum {
grid-template-columns: 1fr;
gap: 30px;
}
/* Reset order for mobile stacking */
.ai-perk-text-col-akzfhrljvk1fpa3k1qaigenblock684b5e9f6mfum,
.ai-perk-image-col-akzfhrljvk1fpa3k1qaigenblock684b5e9f6mfum {
order: unset;
}
/* Show image first on mobile if enabled */
.ai-perk-image-col-akzfhrljvk1fpa3k1qaigenblock684b5e9f6mfum {
order: -1;
}
/* Scale down text sizes for mobile */
.ai-perk-heading-akzfhrljvk1fpa3k1qaigenblock684b5e9f6mfum {
font-size: 24px;
}
.ai-perk-benefit-text-akzfhrljvk1fpa3k1qaigenblock684b5e9f6mfum {
font-size: 16px;
}
.ai-perk-badge-akzfhrljvk1fpa3k1qaigenblock684b5e9f6mfum {
font-size: 12px;
padding: 6px 9.0px;
}
}
Ultimate Rewards. VIP Treatment. Luxury Perks
Reach Premium Member Status (after $2000 total spend) for the best benefits!
Enjoy All the Benefits of an Elite Member
Earn 8 Points for Every $1 Spent
Get an 15% discount on every order (claim via customer service)
1 Free Gift Selection per Year
Free Full-Order Returns & Exchanges
.ai-faq-accordion-ac1pmzjgrqmv3bzdicaigenblock33fb3b0fehlva {
display: block;
width: 65%;
max-width: 100%;
background-color: transparent; /* 保持背景透明 */
padding: 40px 16px; /* 🔥 核心修改：PC端页边距和会员表格完全一致（40px 16px） */
border-radius: 8px;
margin: 0 auto; /* 保持居中效果 */
box-sizing: border-box; /* 保证padding不影响宽度计算 */
}
.ai-faq-accordion__title-ac1pmzjgrqmv3bzdicaigenblock33fb3b0fehlva {
font-size: 32px;
color: #000000;
margin: 0 0 30px 0;
text-align: left;
font-weight: 600;
}
.ai-faq-accordion__item-ac1pmzjgrqmv3bzdicaigenblock33fb3b0fehlva {
background-color: #ffffff;
border: 1px solid #e0e0e0;
margin-bottom: 10px;
border-radius: 4px;
overflow: hidden;
}
.ai-faq-accordion__question-ac1pmzjgrqmv3bzdicaigenblock33fb3b0fehlva {
display: flex;
align-items: center;
justify-content: space-between;
padding: 18px;
cursor: pointer;
background-color: transparent;
border: none;
width: 100%;
text-align: left;
transition: background-color 0.3s ease;
}
.ai-faq-accordion__question-ac1pmzjgrqmv3bzdicaigenblock33fb3b0fehlva:hover {
background-color: #f5f5f5;
}
.ai-faq-accordion__question-text-ac1pmzjgrqmv3bzdicaigenblock33fb3b0fehlva {
display: flex;
align-items: center;
gap: 12px;
flex: 1;
font-size: 16px;
color: #333333;
font-weight: 500;
}
.ai-faq-accordion__number-ac1pmzjgrqmv3bzdicaigenblock33fb3b0fehlva {
font-weight: 600;
color: #666666;
}
.ai-faq-accordion__icon-ac1pmzjgrqmv3bzdicaigenblock33fb3b0fehlva {
width: 20px;
height: 20px;
flex-shrink: 0;
transition: transform 0.3s ease;
color: #666666;
}
.ai-faq-accordion__icon-ac1pmzjgrqmv3bzdicaigenblock33fb3b0fehlva svg {
width: 100%;
height: 100%;
display: block;
}
.ai-faq-accordion__item-ac1pmzjgrqmv3bzdicaigenblock33fb3b0fehlva.active .ai-faq-accordion__icon-ac1pmzjgrqmv3bzdicaigenblock33fb3b0fehlva {
transform: rotate(180deg);
}
.ai-faq-accordion__answer-ac1pmzjgrqmv3bzdicaigenblock33fb3b0fehlva {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
}
.ai-faq-accordion__answer-content-ac1pmzjgrqmv3bzdicaigenblock33fb3b0fehlva {
padding: 0 18px 18px 18px;
font-size: 14px;
color: #666666;
line-height: 1.6;
}
@media screen and (max-width: 749px) {
.ai-faq-accordion-ac1pmzjgrqmv3bzdicaigenblock33fb3b0fehlva {
width: 100%;
/* 🔥 移动端保留原有适配逻辑，如需和表格移动端统一可改为 padding: 20px 10px; */
padding: 20px 15px;
}
.ai-faq-accordion__title-ac1pmzjgrqmv3bzdicaigenblock33fb3b0fehlva {
font-size: 25.6px;
}
.ai-faq-accordion__question-text-ac1pmzjgrqmv3bzdicaigenblock33fb3b0fehlva {
font-size: 14.4px;
}
.ai-faq-accordion__answer-content-ac1pmzjgrqmv3bzdicaigenblock33fb3b0fehlva {
font-size: 12.6px;
}
}
FAQs
To become a Starter Member, simply register an account here — it’s completely free, and no purchase is required.
Points redeem for order discounts at checkout, valid for 12 months.
Claim them by contacting customer service.
Refunded amounts are deducted from cumulative spending; you may downgrade if below tier threshold.
Yes, you can.
A dedicated product accessory section, launching soon. The $50 gift credit only applies here.
Choose 1 gift from the designated pool (min. $50 value), non-cashable, non-exchangeable.
Unlimited order value/weight, covers all orders (international included), available to non-registered users too.
No, downgrades only happen if cumulative spending drops below the threshold after refunds.