/* =======================================================        GLOBAL        ======================================================= */      .kd-pdp-01-v2 {        --kd-primary: #159A9C;       --kd-primary-dark: #117F81;       --kd-primary-light: #EAF7F7;        --kd-dark: #27323C;       --kd-text: #4E5963;       --kd-muted: #7A858E;        --kd-border: #E5EAEC;       --kd-bg: #FBFDFD;       --kd-white: #FFFFFF;        width: 100%;       max-width: 100%;        margin: 0;       padding: 0;        background: #FFFFFF;       color: var(--kd-dark);        font-family:         Inter,         Arial,         Helvetica,         sans-serif;        line-height: 1.6;        box-sizing: border-box;        /*        * Critical:        * Prevent this module from causing        * horizontal scrolling on mobile devices.        */       overflow-x: hidden;     }       /* Universal box sizing */      .kd-pdp-01-v2 *,     .kd-pdp-01-v2 *::before,     .kd-pdp-01-v2 *::after {        box-sizing: border-box;     }       /* =======================================================        CONTAINER        ======================================================= */      .kd-pdp-01-v2-container {        width:         min(           1180px,           calc(100% - 40px)         );        max-width: 100%;        margin-left: auto;       margin-right: auto;     }       /* =======================================================        MAIN        ======================================================= */      .kd-pdp-01-v2-main {        width: 100%;        padding:         32px 0         38px;        background:         linear-gradient(           180deg,           #FFFFFF 0%,           var(--kd-bg) 100%         );     }       /* =======================================================        PRODUCT CATEGORY         🔴【修改这里 01】        ======================================================= */      .kd-pdp-01-v2-category {        display: inline-flex;        align-items: center;        min-height: 28px;        max-width: 100%;        margin-bottom:         14px;        padding:         5px 11px;        background:         var(--kd-primary-light);        color:         var(--kd-primary-dark);        border-radius:         999px;        font-size:         11px;        line-height:         1.3;        font-weight:         700;        letter-spacing:         .35px;        /*        * Allows long category names        * to wrap instead of overflowing.        */       overflow-wrap:         anywhere;     }       /* =======================================================        PRODUCT INTRODUCTION         🔴【修改这里 02】         Recommended:        50–90 English words         Suggested content:        - What is the product?        - Main function        - Main usage        - Target user / scenario         Avoid:        - Long factory introduction        - Full OEM process        - Excessive keywords        - Repeating specifications        ======================================================= */      .kd-pdp-01-v2-intro {        width: 100%;        max-width:         830px;        margin:         0 0 22px;     }       .kd-pdp-01-v2-intro p {        margin: 0;        color:         var(--kd-text);        font-size:         16px;        line-height:         1.75;        /*        * Protect mobile layouts from        * very long URLs / words.        */       overflow-wrap:         anywhere;        word-break:         normal;     }       /* =======================================================        QUICK FEATURES         🔴【修改这里 03】         Recommended:        4–6 items         Keep each item concise.        ======================================================= */      .kd-pdp-01-v2-feature-list {        display: grid;        grid-template-columns:         repeat(           2,           minmax(0, 1fr)         );        column-gap:         28px;        row-gap:         9px;        width:         100%;        max-width:         900px;        margin:         0 0 25px;        padding:         0;        list-style:         none;     }       .kd-pdp-01-v2-feature {        display: flex;        align-items:         flex-start;        min-width:         0;        gap:         9px;        color:         var(--kd-text);        font-size:         13px;        line-height:         1.55;        overflow-wrap:         anywhere;     }       /* =======================================================        CHECK ICON        ======================================================= */      .kd-pdp-01-v2-check {        position:         relative;        flex:         0 0 16px;        width:         16px;        height:         16px;        margin-top:         2px;        border-radius:         50%;        background:         var(--kd-primary);     }       .kd-pdp-01-v2-check::after {        content:         "";        position:         absolute;        left:         5px;        top:         3px;        width:         5px;        height:         8px;        border-right:         1.5px solid #FFFFFF;        border-bottom:         1.5px solid #FFFFFF;        transform:         rotate(40deg);     }       /* =======================================================        QUICK INFORMATION         6 ITEMS:        Price        MOQ        Lead Time        Material        Size        Customization        ======================================================= */      .kd-pdp-01-v2-quick-info {        display: grid;        grid-template-columns:         repeat(           6,           minmax(0, 1fr)         );        gap:         9px;        width:         100%;        margin:         0;     }       /* =======================================================        INFO CARD        ======================================================= */      .kd-pdp-01-v2-info-card {        min-width:         0;        padding:         14px 13px;        background:         var(--kd-white);        border:         1px solid var(--kd-border);        border-radius:         11px;        /*        * Important:        * No fixed height.        * Cards can grow with content.        */       height:         auto;     }       /* =======================================================        INFO LABEL        ======================================================= */      .kd-pdp-01-v2-info-label {        display:         block;        margin-bottom:         4px;        color:         var(--kd-muted);        font-size:         8.5px;        line-height:         1.3;        font-weight:         700;        letter-spacing:         .8px;        text-transform:         uppercase;     }       /* =======================================================        INFO VALUE         This is especially important for:        - Price        - Size        - Customization         Long values are allowed to wrap.        ======================================================= */      .kd-pdp-01-v2-info-value {        display:         block;        min-width:         0;        color:         var(--kd-dark);        font-size:         12.5px;        line-height:         1.45;        font-weight:         700;        overflow-wrap:         anywhere;        word-break:         normal;     }       /* =======================================================        NOTE         Usually no need to modify.        ======================================================= */      .kd-pdp-01-v2-note {        margin:         10px 0 0;        color:         var(--kd-muted);        font-size:         11px;        line-height:         1.6;        overflow-wrap:         anywhere;     }       /* =======================================================        TABLET        768px – 1024px         6 cards → 3 × 2        ======================================================= */      @media (max-width: 1024px) {        .kd-pdp-01-v2-container {          width:           min(             92%,             850px           );       }         .kd-pdp-01-v2-main {          padding:           29px 0           34px;       }         .kd-pdp-01-v2-feature-list {          column-gap:           20px;       }         .kd-pdp-01-v2-quick-info {          grid-template-columns:           repeat(             3,             minmax(0, 1fr)           );       }         .kd-pdp-01-v2-info-card {          padding:           13px 13px;       }      }       /* =======================================================        MOBILE        <= 767px         6 cards → 2 × 3        ======================================================= */      @media (max-width: 767px) {        .kd-pdp-01-v2-container {          width:           calc(100% - 28px);          max-width:           none;       }         .kd-pdp-01-v2-main {          padding:           23px 0           30px;       }         /* CATEGORY */        .kd-pdp-01-v2-category {          margin-bottom:           11px;          padding:           5px 10px;          font-size:           10px;       }         /* INTRO */        .kd-pdp-01-v2-intro {          max-width:           none;          margin-bottom:           19px;       }         .kd-pdp-01-v2-intro p {          font-size:           14px;          line-height:           1.7;       }         /* FEATURES */        .kd-pdp-01-v2-feature-list {          grid-template-columns:           1fr;          row-gap:           8px;          margin-bottom:           22px;       }         .kd-pdp-01-v2-feature {          font-size:           12px;          line-height:           1.55;       }         /* QUICK INFORMATION */        .kd-pdp-01-v2-quick-info {          grid-template-columns:           repeat(             2,             minmax(0, 1fr)           );          gap:           7px;       }         .kd-pdp-01-v2-info-card {          padding:           11px 11px;       }         .kd-pdp-01-v2-info-label {          margin-bottom:           3px;          font-size:           8px;          letter-spacing:           .6px;       }         .kd-pdp-01-v2-info-value {          font-size:           11.5px;          line-height:           1.45;       }         /* NOTE */        .kd-pdp-01-v2-note {          margin-top:           9px;          font-size:           10.5px;          text-align:           center;       }      }       /* =======================================================        VERY SMALL MOBILE        <= 380px         6 cards → 1 column        ======================================================= */      @media (max-width: 380px) {        .kd-pdp-01-v2-container {          width:           calc(100% - 22px);       }         .kd-pdp-01-v2-intro p {          font-size:           13.5px;       }         .kd-pdp-01-v2-feature {          font-size:           11.5px;       }         /*        * Very narrow screen:        * Stack each quick information card.        */       .kd-pdp-01-v2-quick-info {          grid-template-columns:           1fr;       }         .kd-pdp-01-v2-info-card {          padding:           11px 12px;       }         .kd-pdp-01-v2-info-value {          font-size:           12px;       }      }