.support-tabs {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
}

.support-tab {
    width: 50%;
    padding: 14px;
    border: 1px solid #e8e8ee;
    background: #F7F7F7;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    border-radius: 2px;
    font-family: Hiragino sans-serif;
}

.support-tab.is-active {
    border-color: #88bbee;
    background: #f0f8ff;
    font-family: Hiragino sans-serif;
}

.support-tab-content {
    display: flex;
    flex-direction: column;
    text-align: left;
    font-family: Hiragino sans-serif;
}

.support-tab-title {
    font-size: 18px;
    font-weight: 700;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    color: #363636;
}

.checked-icon::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 0C4.03745 0 0 4.03745 0 9C0 13.9625 4.03745 18 9 18C13.9625 18 18 13.9625 18 9C18 4.03745 13.9625 0 9 0ZM13.6839 5.9837L7.86851 12.9068C7.80472 12.9828 7.72534 13.0441 7.63576 13.0868C7.54617 13.1294 7.44848 13.1523 7.34928 13.1538H7.3376C7.24056 13.1538 7.14461 13.1334 7.05598 13.0939C6.96735 13.0544 6.88802 12.9967 6.82313 12.9245L4.33082 10.1553C4.26752 10.0882 4.21828 10.009 4.186 9.92261C4.15371 9.83618 4.13903 9.74416 4.14282 9.65197C4.1466 9.55978 4.16877 9.46928 4.20803 9.38578C4.24729 9.30228 4.30285 9.22747 4.37144 9.16575C4.44002 9.10403 4.52025 9.05665 4.60741 9.02638C4.69457 8.9961 4.7869 8.98356 4.87898 8.98948C4.97106 8.99541 5.06102 9.01968 5.14359 9.06086C5.22615 9.10205 5.29965 9.15933 5.35976 9.22933L7.31942 11.4066L12.6238 5.09322C12.7428 4.95566 12.9111 4.87044 13.0924 4.856C13.2737 4.84155 13.4534 4.89903 13.5927 5.01601C13.732 5.133 13.8196 5.30009 13.8367 5.48116C13.8537 5.66224 13.7989 5.84276 13.6839 5.9837Z' fill='%23828282'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-right: 10px;
}

.support-tab.is-active .checked-icon::before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 0C4.03745 0 0 4.03745 0 9C0 13.9625 4.03745 18 9 18C13.9625 18 18 13.9625 18 9C18 4.03745 13.9625 0 9 0ZM13.6839 5.9837L7.86851 12.9068C7.80472 12.9828 7.72534 13.0441 7.63576 13.0868C7.54617 13.1294 7.44848 13.1523 7.34928 13.1538H7.3376C7.24056 13.1538 7.14461 13.1334 7.05598 13.0939C6.96735 13.0544 6.88802 12.9967 6.82313 12.9245L4.33082 10.1553C4.26752 10.0882 4.21828 10.009 4.186 9.92261C4.15371 9.83618 4.13903 9.74416 4.14282 9.65197C4.1466 9.55978 4.16877 9.46928 4.20803 9.38578C4.24729 9.30228 4.30285 9.22747 4.37144 9.16575C4.44002 9.10403 4.52025 9.05665 4.60741 9.02638C4.69457 8.9961 4.7869 8.98356 4.87898 8.98948C4.97106 8.99541 5.06102 9.01968 5.14359 9.06086C5.22615 9.10205 5.29965 9.15933 5.35976 9.22933L7.31942 11.4066L12.6238 5.09322C12.7428 4.95566 12.9111 4.87044 13.0924 4.856C13.2737 4.84155 13.4534 4.89903 13.5927 5.01601C13.732 5.133 13.8196 5.30009 13.8367 5.48116C13.8537 5.66224 13.7989 5.84276 13.6839 5.9837Z' fill='%230084FF'/%3E%3C/svg%3E%0A");
}

.support-tab-desc {
    font-size: 14px;
    color: #828282;
    line-height: 1.5;
    margin: 0;
    font-family: Hiragino sans-serif;
    font-weight: 500;
}

.support-tab-icon {
    width: 70px;
    flex-shrink: 0;
    margin-left: 10px;
}

.support-tab-icon img {
    width: 100%;
    height: auto;
}

.ba-container {
    background: #FFFAF6;
    padding: 40px 79px;
    text-align: center;
    margin-bottom: 50px;
    border-radius: 8px;
}

.ba-flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0 auto;
    width: 100%;
}

.ba-box {
    width: 43.4%;
}

.ba-box h4 {
    font-size: 18px;
    font-weight: 700;
    font-family: Hiragino sans-serif;
    margin-bottom: 15px;
    color: #333;
}

.ba-box img {
    width: 100%;
    display: block;
    border: 1px solid #e0e0e0;
    background: #fff;
}

.ba-box p {
    font-size: 16px;
    font-weight: 500;
    margin-top: 10px;
    color: #363636;
    margin-bottom: 0;
    font-family: Hiragino sans-serif;
}

.ba-arrow {
    font-size: 36px;
    font-weight: bold;
    color: #000;
    margin-top: calc(33px + 21.7%);
    transform: translateY(-50%);
}


.design-consultation-block {
    margin-bottom: 50px;
}

.new-form-section {
    font-family: Hiragino sans-serif;
    color: #333;
    padding: 30px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    margin-bottom: 20px;
}

.new-form-section h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    border-bottom: none;
    color: #363636;
    font-family: Hiragino sans-serif;
}

/* Category Style Tabs */
.category-style-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px;
}
.category-style-tab {
    padding: 8px 20px;
    border: 1px solid #e0e0e0;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    background: #fff;
    color: #333;
    font-family: Hiragino sans-serif;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    gap: 6px;
}
.category-style-tab:hover {
    border-color: #4a8df8;
    color: #4a8df8;
}
.category-style-tab.is-active {
    background: #333;
    color: #fff;
    border-color: #333;
}
.category-style-tab .check-circle {
    position: static;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 7C0 3.13531 3.13531 0 7 0C10.8647 0 14 3.13531 14 7C14 10.8647 10.8647 14 7 14C3.13531 14 0 10.8647 0 7ZM7 1.07692C3.73008 1.07692 1.07692 3.73008 1.07692 7C1.07692 10.2699 3.73008 12.9231 7 12.9231C10.2699 12.9231 12.9231 10.2699 12.9231 7C12.9231 3.73008 10.2699 1.07692 7 1.07692Z' fill='%23DDDDDD'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.5771 3.89539C10.8048 4.08667 10.8343 4.42632 10.6431 4.65403L6.12 10.0386C6.01975 10.158 5.87272 10.228 5.71689 10.2307C5.56106 10.2334 5.41172 10.1684 5.30746 10.0525L3.369 7.89867C3.17006 7.67763 3.18798 7.33717 3.40902 7.13823C3.63006 6.93929 3.97053 6.95721 4.16947 7.17825L5.69368 8.87182L9.81847 3.96136C10.0097 3.73365 10.3494 3.70411 10.5771 3.89539Z' fill='%23DDDDDD'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: transparent !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: none;
}
.category-style-tab .check-circle.checked {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 0C3.14024 0 0 3.14024 0 7C0 10.8598 3.14024 14 7 14C10.8598 14 14 10.8598 14 7C14 3.14024 10.8598 0 7 0ZM10.643 4.65399L6.11995 10.0386C6.07034 10.0977 6.0086 10.1454 5.93892 10.1786C5.86925 10.2118 5.79326 10.2295 5.71611 10.2308H5.70702C5.63155 10.2307 5.55692 10.2148 5.48799 10.1841C5.41905 10.1534 5.35735 10.1085 5.30688 10.0524L3.36841 7.89856C3.31918 7.84634 3.28089 7.78481 3.25578 7.71759C3.23067 7.65036 3.21925 7.57879 3.22219 7.50709C3.22513 7.43539 3.24238 7.36499 3.27292 7.30005C3.30345 7.23511 3.34666 7.17692 3.40001 7.12892C3.45335 7.08091 3.51575 7.04406 3.58354 7.02051C3.65133 6.99697 3.72315 6.98721 3.79476 6.99182C3.86638 6.99643 3.93635 7.0153 4.00057 7.04734C4.06478 7.07937 4.12195 7.12392 4.1687 7.17837L5.69288 8.87183L9.81851 3.96139C9.91105 3.8544 10.042 3.78812 10.183 3.77689C10.324 3.76565 10.4638 3.81036 10.5721 3.90134C10.6804 3.99233 10.7486 4.12229 10.7619 4.26313C10.7751 4.40397 10.7324 4.54437 10.643 4.65399Z' fill='white'/%3E%3C/svg%3E%0A");
    background-color: transparent !important;
}

/* Category Grid */
.category-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
    margin-bottom: 20px;
}

.category-item {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    text-align: center;
    padding: 15px 5px;
    position: relative;
    background: #fff;
}

.category-item.selected {
    border: 2px solid #4a8df8;
}

.category-item img {
    width: 100%;
    max-width: 70px;
    margin: 0 auto;
    display: block;
}

.category-item span {
    font-size: 13px;
    font-weight: 500;
    margin-top: 10px;
    display: block;
    font-family: Hiragino sans-serif;
    line-height: 20px;
}
.category-item .selected .check-circle .checked {
    width: 14px !important;
    height: 14px !important;
}
.category-item .check-circle {
    width: 14px !important;
    height: 14px !important;
}
.check-circle {
    position: absolute;
    top: 8px;
    left: 8px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 0C4.03745 0 0 4.03745 0 9C0 13.9625 4.03745 18 9 18C13.9625 18 18 13.9625 18 9C18 4.03745 13.9625 0 9 0ZM13.6839 5.9837L7.86851 12.9068C7.80472 12.9828 7.72534 13.0441 7.63576 13.0868C7.54617 13.1294 7.44848 13.1523 7.34928 13.1538H7.3376C7.24056 13.1538 7.14461 13.1334 7.05598 13.0939C6.96735 13.0544 6.88802 12.9967 6.82313 12.9245L4.33082 10.1553C4.26752 10.0882 4.21828 10.009 4.186 9.92261C4.15371 9.83618 4.13903 9.74416 4.14282 9.65197C4.1466 9.55978 4.16877 9.46928 4.20803 9.38578C4.24729 9.30228 4.30285 9.22747 4.37144 9.16575C4.44002 9.10403 4.52025 9.05665 4.60741 9.02638C4.69457 8.9961 4.7869 8.98356 4.87898 8.98948C4.97106 8.99541 5.06102 9.01968 5.14359 9.06086C5.22615 9.10205 5.29965 9.15933 5.35976 9.22933L7.31942 11.4066L12.6238 5.09322C12.7428 4.95566 12.9111 4.87044 13.0924 4.856C13.2737 4.84155 13.4534 4.89903 13.5927 5.01601C13.732 5.133 13.8196 5.30009 13.8367 5.48116C13.8537 5.66224 13.7989 5.84276 13.6839 5.9837Z' fill='%23828282'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: transparent !important;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.check-circle::after {
    display: none;
}

.check-circle.checked {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 0C4.03745 0 0 4.03745 0 9C0 13.9625 4.03745 18 9 18C13.9625 18 18 13.9625 18 9C18 4.03745 13.9625 0 9 0ZM13.6839 5.9837L7.86851 12.9068C7.80472 12.9828 7.72534 13.0441 7.63576 13.0868C7.54617 13.1294 7.44848 13.1523 7.34928 13.1538H7.3376C7.24056 13.1538 7.14461 13.1334 7.05598 13.0939C6.96735 13.0544 6.88802 12.9967 6.82313 12.9245L4.33082 10.1553C4.26752 10.0882 4.21828 10.009 4.186 9.92261C4.15371 9.83618 4.13903 9.74416 4.14282 9.65197C4.1466 9.55978 4.16877 9.46928 4.20803 9.38578C4.24729 9.30228 4.30285 9.22747 4.37144 9.16575C4.44002 9.10403 4.52025 9.05665 4.60741 9.02638C4.69457 8.9961 4.7869 8.98356 4.87898 8.98948C4.97106 8.99541 5.06102 9.01968 5.14359 9.06086C5.22615 9.10205 5.29965 9.15933 5.35976 9.22933L7.31942 11.4066L12.6238 5.09322C12.7428 4.95566 12.9111 4.87044 13.0924 4.856C13.2737 4.84155 13.4534 4.89903 13.5927 5.01601C13.732 5.133 13.8196 5.30009 13.8367 5.48116C13.8537 5.66224 13.7989 5.84276 13.6839 5.9837Z' fill='%230084FF'/%3E%3C/svg%3E%0A");
    display: flex !important;
}

.show-all-link {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #4a8df8;
    margin-bottom: 50px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    gap: 5px;
    align-items: center;
    font-family: Hiragino sans-serif;

}

.show-all-link span {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 7C0 10.8658 3.13418 14 7 14C10.8658 14 14 10.8658 14 7C14 3.13418 10.8658 0 7 0C3.13418 0 0 3.13418 0 7ZM9.85014 5.81168C9.89965 5.75958 9.95908 5.71791 10.0249 5.68913C10.0908 5.66036 10.1618 5.64506 10.2336 5.64414C10.3055 5.64322 10.3768 5.6567 10.4434 5.68378C10.51 5.71086 10.5704 5.75099 10.6213 5.80181C10.6721 5.85263 10.7122 5.91311 10.7393 5.97969C10.7664 6.04626 10.7799 6.11759 10.7789 6.18945C10.778 6.26132 10.7627 6.33227 10.7339 6.39813C10.7052 6.46399 10.6635 6.52343 10.6114 6.57293L7.38063 9.8037C7.27965 9.90461 7.14275 9.96129 7 9.96129C6.85725 9.96129 6.72035 9.90461 6.61938 9.8037L3.38861 6.57293C3.29189 6.47113 3.23876 6.33557 3.24056 6.19516C3.24236 6.05475 3.29894 5.9206 3.39823 5.82131C3.49752 5.72201 3.63168 5.66544 3.77209 5.66364C3.9125 5.66184 4.04805 5.71496 4.14986 5.81168L7 8.66149L9.85014 5.81168Z' fill='%230084FF'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 14px;
    height: 14px;
    display: block;
}

.add-item-link>span>span {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 0C3.14024 0 0 3.14024 0 7C0 10.8598 3.14024 14 7 14C10.8598 14 14 10.8598 14 7C14 3.14024 10.8598 0 7 0ZM9.69231 7.53846H7.53846V9.69231C7.53846 9.83512 7.48173 9.97208 7.38075 10.0731C7.27977 10.174 7.14281 10.2308 7 10.2308C6.85719 10.2308 6.72023 10.174 6.61925 10.0731C6.51827 9.97208 6.46154 9.83512 6.46154 9.69231V7.53846H4.30769C4.16488 7.53846 4.02792 7.48173 3.92694 7.38075C3.82596 7.27977 3.76923 7.14281 3.76923 7C3.76923 6.85719 3.82596 6.72023 3.92694 6.61925C4.02792 6.51827 4.16488 6.46154 4.30769 6.46154H6.46154V4.30769C6.46154 4.16488 6.51827 4.02792 6.61925 3.92694C6.72023 3.82596 6.85719 3.76923 7 3.76923C7.14281 3.76923 7.27977 3.82596 7.38075 3.92694C7.48173 4.02792 7.53846 4.16488 7.53846 4.30769V6.46154H9.69231C9.83512 6.46154 9.97208 6.51827 10.0731 6.61925C10.174 6.72023 10.2308 6.85719 10.2308 7C10.2308 7.14281 10.174 7.27977 10.0731 7.38075C9.97208 7.48173 9.83512 7.53846 9.69231 7.53846Z' fill='%230084FF'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 14px;
    height: 14px;
    display: block;
}

.remove-item-link span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #ba2636;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    font-weight: bold;
    margin-left: 5px;
    vertical-align: middle;
}

/* Shirt Types (Pills) */
.type-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 40px;
    background: #fafafa;
    padding: 20px;
    border-radius: 8px;
}

.btn-upload {
    background: #4a8df8;
    color: #fff;
    border-radius: 8px;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: Hiragino sans-serif;
}

.btn-upload span {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='9' fill='white'/%3E%3Cpath d='M9 4.5V13.5M4.5 9H13.5' stroke='%234a8df8' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 17px;
    height: 17px;
    display: block;
}

.type-pill {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 20px;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-family: Hiragino sans-serif;
}

.type-pill.selected {
    background: #333;
    color: #fff;
    border-color: #333;
}

.type-pill .check-circle {
    width: 14px !important;
    height: 14px !important;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 7C0 3.13531 3.13531 0 7 0C10.8647 0 14 3.13531 14 7C14 10.8647 10.8647 14 7 14C3.13531 14 0 10.8647 0 7ZM7 1.07692C3.73008 1.07692 1.07692 3.73008 1.07692 7C1.07692 10.2699 3.73008 12.9231 7 12.9231C10.2699 12.9231 12.9231 10.2699 12.9231 7C12.9231 3.73008 10.2699 1.07692 7 1.07692Z' fill='%23DDDDDD'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.5771 3.89539C10.8048 4.08667 10.8343 4.42632 10.6431 4.65403L6.12 10.0386C6.01975 10.158 5.87272 10.228 5.71689 10.2307C5.56106 10.2334 5.41172 10.1684 5.30746 10.0525L3.369 7.89867C3.17006 7.67763 3.18798 7.33717 3.40902 7.13823C3.63006 6.93929 3.97053 6.95721 4.16947 7.17825L5.69368 8.87182L9.81847 3.96136C10.0097 3.73365 10.3494 3.70411 10.5771 3.89539Z' fill='%23DDDDDD'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: transparent !important;
}

.type-pill .check-circle::after {
    display: none;
}

.type-pill .check-circle.checked {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 0C3.14024 0 0 3.14024 0 7C0 10.8598 3.14024 14 7 14C10.8598 14 14 10.8598 14 7C14 3.14024 10.8598 0 7 0ZM10.643 4.65399L6.11995 10.0386C6.07034 10.0977 6.0086 10.1454 5.93892 10.1786C5.86925 10.2118 5.79326 10.2295 5.71611 10.2308H5.70702C5.63155 10.2307 5.55692 10.2148 5.48799 10.1841C5.41905 10.1534 5.35735 10.1085 5.30688 10.0524L3.36841 7.89856C3.31918 7.84634 3.28089 7.78481 3.25578 7.71759C3.23067 7.65036 3.21925 7.57879 3.22219 7.50709C3.22513 7.43539 3.24238 7.36499 3.27292 7.30005C3.30345 7.23511 3.34666 7.17692 3.40001 7.12892C3.45335 7.08091 3.51575 7.04406 3.58354 7.02051C3.65133 6.99697 3.72315 6.98721 3.79476 6.99182C3.86638 6.99643 3.93635 7.0153 4.00057 7.04734C4.06478 7.07937 4.12195 7.12392 4.1687 7.17837L5.69288 8.87183L9.81851 3.96139C9.91105 3.8544 10.042 3.78812 10.183 3.77689C10.324 3.76565 10.4638 3.81036 10.5721 3.90134C10.6804 3.99233 10.7486 4.12229 10.7619 4.26313C10.7751 4.40397 10.7324 4.54437 10.643 4.65399Z' fill='white'/%3E%3C/svg%3E%0A");
    background-color: transparent !important;
}

/* Product Grid */
.product-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-bottom: 50px;
}

.product-item {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px 10px;
    text-align: center;
    position: relative;
    background: #fff;
}

.product-item.selected {
    border: 2px solid #4a8df8;
}

.product-item img {
    width: 100%;
    max-width: 120px;
    margin: 0 auto 15px;
    display: block;
}

.product-title {
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #363636;
    font-family: Hiragino sans-serif;
    line-height: 20px;
}

.product-desc {
    font-size: 13px;
    color: #828282;
    margin-bottom: 0px;
    font-weight: 500;
    line-height: 20px;
    font-family: Hiragino sans-serif;
}

.product-price {
    font-size: 13px;
    font-weight: 700;
    color: #C2172D;
    line-height: 20px;
    font-family: Hiragino sans-serif;
}

/* Color Select */
.color-select-box {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    background: #fff;
    padding: 0px;
    border: 1px solid #eee;
    border-radius: 8px;
    margin-bottom: 30px;
}

.color-select-img {
    width: 100px;
    padding: 20px;
}

.color-select-img img {
    width: 100%;
    display: block;
}

.color-select-info p {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 15px;
    font-family: Hiragino sans-serif;
    color: #000000;
}

.color-select-info a {
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    font-family: Hiragino sans-serif;
}

.btn-change-color {
    background: #1a73e8;
    color: #fff;
    border-radius: 10px;
    padding: 10px 25px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
}

/* Sizes */
.size-box {
    background: #fafafa;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 40px;
}

.size-pill {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 20px;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-family: Hiragino sans-serif;
}

.size-pill.selected {
    background: #333;
    color: #fff;
    border-color: #333;
}

.size-pill-left {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 6px;
}

.size-pill .check-circle {
    position: static;
    margin: 0;
    padding: 0;
    width: 14px;
    height: 14px;
    background-color: transparent !important;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 0C3.14024 0 0 3.14024 0 7C0 10.8598 3.14024 14 7 14C10.8598 14 14 10.8598 14 7C14 3.14024 10.8598 0 7 0ZM10.643 4.65399L6.11995 10.0386C6.07034 10.0977 6.0086 10.1454 5.93892 10.1786C5.86925 10.2118 5.79326 10.2295 5.71611 10.2308H5.70702C5.63155 10.2307 5.55692 10.2148 5.48799 10.1841C5.41905 10.1534 5.35735 10.1085 5.30688 10.0524L3.36841 7.89856C3.31918 7.84634 3.28089 7.78481 3.25578 7.71759C3.23067 7.65036 3.21925 7.57879 3.22219 7.50709C3.22513 7.43539 3.24238 7.36499 3.27292 7.30005C3.30345 7.23511 3.34666 7.17692 3.40001 7.12892C3.45335 7.08091 3.51575 7.04406 3.58354 7.02051C3.65133 6.99697 3.72315 6.98721 3.79476 6.99182C3.86638 6.99643 3.93635 7.0153 4.00057 7.04734C4.06478 7.07937 4.12195 7.12392 4.1687 7.17837L5.69288 8.87183L9.81851 3.96139C9.91105 3.8544 10.042 3.78812 10.183 3.77689C10.324 3.76565 10.4638 3.81036 10.5721 3.90134C10.6804 3.99233 10.7486 4.12229 10.7619 4.26313C10.7751 4.40397 10.7324 4.54437 10.643 4.65399Z' fill='%23E8E8E8'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    top: auto;
    left: auto;
}

.size-qty-control {
    display: flex;
    align-items: center;
    gap: 12px;
    border-left: 1px solid #555;
    padding-left: 12px;
}

.size-qty-btn {
    background: #e0e0e0;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    line-height: 1;
}

.size-qty-number {
    font-size: 16px;
    font-weight: 500;
    color: #e0e0e0;
    min-width: 20px;
    text-align: center;
}

.size-pill.selected .size-qty-btn {
    background: #fff;
    color: #333;
}

.size-pill.selected .size-qty-number {
    color: #fff;
}

.size-pill.selected .check-circle {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 0C3.14024 0 0 3.14024 0 7C0 10.8598 3.14024 14 7 14C10.8598 14 14 10.8598 14 7C14 3.14024 10.8598 0 7 0ZM10.643 4.65399L6.11995 10.0386C6.07034 10.0977 6.0086 10.1454 5.93892 10.1786C5.86925 10.2118 5.79326 10.2295 5.71611 10.2308H5.70702C5.63155 10.2307 5.55692 10.2148 5.48799 10.1841C5.41905 10.1534 5.35735 10.1085 5.30688 10.0524L3.36841 7.89856C3.31918 7.84634 3.28089 7.78481 3.25578 7.71759C3.23067 7.65036 3.21925 7.57879 3.22219 7.50709C3.22513 7.43539 3.24238 7.36499 3.27292 7.30005C3.30345 7.23511 3.34666 7.17692 3.40001 7.12892C3.45335 7.08091 3.51575 7.04406 3.58354 7.02051C3.65133 6.99697 3.72315 6.98721 3.79476 6.99182C3.86638 6.99643 3.93635 7.0153 4.00057 7.04734C4.06478 7.07937 4.12195 7.12392 4.1687 7.17837L5.69288 8.87183L9.81851 3.96139C9.91105 3.8544 10.042 3.78812 10.183 3.77689C10.324 3.76565 10.4638 3.81036 10.5721 3.90134C10.6804 3.99233 10.7486 4.12229 10.7619 4.26313C10.7751 4.40397 10.7324 4.54437 10.643 4.65399Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: transparent !important;
}

.size-pill.selected .check-circle::after {
    display: none;
}

/* Design Position */
.position-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    margin-bottom: 30px;
}

.position-item {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px 10px;
    text-align: center;
    position: relative;
    background: #fff;
}

.position-item.selected {
    border: 2px solid #4a8df8;
}

.position-item img {
    width: 100%;
    /* max-width: 100px; */
    margin: 0 auto 15px;
    display: block;
}

.position-title {
    font-size: 13px;
    font-weight: 700;
    font-family: Hiragino sans-serif;
}

.add-item-link {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #0084FF;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* border-bottom: 1px solid #eee; */
    /* padding-bottom: 30px; */
    position: relative;
    font-family: Hiragino sans-serif;
}

.add-item-link>span:first-child {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
}

.total-qty {
    font-size: 16px;
    color: #666;
    font-weight: 500;
    position: absolute;
    right: 0;
    font-family: Hiragino sans-serif;
}

/* Upload & Request */
.bottom-wrapper {
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 40px;
}

.upload-row {
    background: #fafafa;
    border-radius: 8px;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
}

.btn-upload {
    background: #1a73e8;
    color: #fff;
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
    font-family: Hiragino sans-serif;
}

.upload-status {
    font-size: 14px;
    color: #666;
    flex-grow: 1;
    margin-left: 20px;
    font-weight: 500;
    font-family: Hiragino sans-serif;
}

.btn-delete {
    background: #333;
    color: #fff;
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    font-family: Hiragino sans-serif;
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
}

.btn-delete span {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5302 2.42857H11.8115V1.51786C11.8115 1.1153 11.6482 0.729224 11.3576 0.44457C11.067 0.159917 10.6729 0 10.262 0H7.16302C6.75207 0 6.35796 0.159917 6.06737 0.44457C5.77679 0.729224 5.61354 1.1153 5.61354 1.51786V2.42857H1.89479C1.73041 2.42857 1.57277 2.49254 1.45653 2.6064C1.3403 2.72026 1.275 2.87469 1.275 3.03571C1.275 3.19674 1.3403 3.35117 1.45653 3.46503C1.57277 3.57889 1.73041 3.64286 1.89479 3.64286H2.55332L3.28932 15.2135C3.34433 16.2323 4.14154 17 5.1487 17H12.2763C13.2885 17 14.0698 16.2494 14.1357 15.2165L14.8717 3.64286H15.5302C15.6946 3.64286 15.8522 3.57889 15.9685 3.46503C16.0847 3.35117 16.15 3.19674 16.15 3.03571C16.15 2.87469 16.0847 2.72026 15.9685 2.6064C15.8522 2.49254 15.6946 2.42857 15.5302 2.42857ZM6.25541 14.5714H6.23333C6.07271 14.5715 5.91832 14.5105 5.8027 14.4013C5.68708 14.2921 5.61926 14.1432 5.61354 13.9859L5.30365 5.48592C5.29779 5.32489 5.35747 5.16818 5.46957 5.05027C5.58166 4.93235 5.73698 4.86288 5.90136 4.85714C6.06574 4.85141 6.22571 4.90987 6.34608 5.01968C6.46646 5.12948 6.53737 5.28163 6.54323 5.44266L6.85313 13.9427C6.85608 14.0224 6.84295 14.1019 6.8145 14.1767C6.78605 14.2515 6.74284 14.32 6.68732 14.3784C6.63181 14.4368 6.56509 14.4839 6.49098 14.517C6.41687 14.5502 6.33682 14.5686 6.25541 14.5714ZM9.33229 13.9643C9.33229 14.1253 9.26699 14.2797 9.15076 14.3936C9.03453 14.5075 8.87688 14.5714 8.7125 14.5714C8.54812 14.5714 8.39048 14.5075 8.27424 14.3936C8.15801 14.2797 8.09271 14.1253 8.09271 13.9643V5.46429C8.09271 5.30326 8.15801 5.14883 8.27424 5.03497C8.39048 4.92111 8.54812 4.85714 8.7125 4.85714C8.87688 4.85714 9.03453 4.92111 9.15076 5.03497C9.26699 5.14883 9.33229 5.30326 9.33229 5.46429V13.9643ZM10.5719 2.42857H6.85313V1.51786C6.85266 1.47786 6.86036 1.43818 6.87576 1.40115C6.89117 1.36411 6.91398 1.33046 6.94285 1.30218C6.97172 1.2739 7.00607 1.25156 7.04388 1.23646C7.08169 1.22137 7.1222 1.21383 7.16302 1.21429H10.262C10.3028 1.21383 10.3433 1.22137 10.3811 1.23646C10.4189 1.25156 10.4533 1.2739 10.4822 1.30218C10.511 1.33046 10.5338 1.36411 10.5492 1.40115C10.5646 1.43818 10.5723 1.47786 10.5719 1.51786V2.42857ZM11.8115 13.9859C11.8057 14.1432 11.7379 14.2921 11.6223 14.4013C11.5067 14.5105 11.3523 14.5715 11.1917 14.5714H11.1692C11.0878 14.5686 11.0078 14.5501 10.9338 14.5169C10.8597 14.4838 10.793 14.4367 10.7375 14.3783C10.6821 14.3199 10.6389 14.2514 10.6105 14.1766C10.582 14.1019 10.5689 14.0224 10.5719 13.9427L10.8818 5.44266C10.8847 5.36293 10.9036 5.28453 10.9374 5.21196C10.9712 5.13938 11.0193 5.07405 11.0789 5.01968C11.1385 4.96531 11.2085 4.92297 11.2848 4.89508C11.3611 4.86719 11.4423 4.8543 11.5236 4.85714C11.605 4.85998 11.6851 4.8785 11.7591 4.91164C11.8332 4.94477 11.8999 4.99188 11.9554 5.05027C12.0109 5.10865 12.0542 5.17718 12.0826 5.25193C12.1111 5.32667 12.1243 5.40618 12.1214 5.48592L11.8115 13.9859Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: contain;
    width: 14px;
    height: 14px;
    display: flex;

}

textarea.request-textarea.state-error {
    border: 1px red solid !important;
}

.request-textarea {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px;
    font-size: 16px;
    min-height: 168px;
    resize: none;
    font-family: Hiragino sans-serif;
    box-sizing: border-box;
    font-weight: 500;
}

.bottom-wrapper h3 {
    font-size: 18px;
    color: #363636;
    font-weight: 700 !important;
    font-family: Hiragino sans-serif;
}

.bottom-wrapper p {
    font-size: 16px;
    font-family: Hiragino sans-serif;
    font-weight: 500;
    color: #828282;
    margin-bottom: 20px;

}

.btn-add-cart-new {
    background-color: #ea1e04;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    padding: 12px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 350px;
    max-width: 100%;
    margin: 20px auto 0;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    font-family: Hiragino sans-serif;
}

.btn-add-cart-new.is-disabled {
    background-color: #ccc;
    color: #666;
    cursor: not-allowed;
    pointer-events: none;
}

.btn-add-cart-new.is-disabled::after {
    filter: brightness(0.3);
}

.btn-add-cart-new::after {
    content: "";
    background-image: url("data:image/svg+xml,%0A%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.68956 16.15C6.38783 16.15 6.9539 15.595 6.9539 14.9104C6.9539 14.2258 6.38783 13.6708 5.68956 13.6708C4.99128 13.6708 4.42521 14.2258 4.42521 14.9104C4.42521 15.595 4.99128 16.15 5.68956 16.15Z' fill='white'/%3E%3Cpath d='M14.54 16.15C15.2383 16.15 15.8043 15.595 15.8043 14.9104C15.8043 14.2258 15.2383 13.6708 14.54 13.6708C13.8417 13.6708 13.2756 14.2258 13.2756 14.9104C13.2756 15.595 13.8417 16.15 14.54 16.15Z' fill='white'/%3E%3Cpath d='M16.7842 3.47449C16.6954 3.36798 16.5835 3.2822 16.4566 3.22337C16.3298 3.16454 16.1912 3.13414 16.0509 3.13438H4.02576L3.78355 1.7871C3.75773 1.64359 3.68115 1.51359 3.56727 1.41994C3.4534 1.32629 3.3095 1.27497 3.16086 1.275H0.632173C0.46451 1.275 0.303714 1.3403 0.185159 1.45653C0.0666037 1.57277 0 1.73041 0 1.89479C0 2.05917 0.0666037 2.21682 0.185159 2.33305C0.303714 2.44928 0.46451 2.51458 0.632173 2.51458H2.63063L4.43469 12.5389C4.46052 12.6824 4.5371 12.8124 4.65097 12.9061C4.76485 12.9998 4.90875 13.0511 5.05738 13.051H15.1721C15.3398 13.051 15.5006 12.9857 15.6192 12.8695C15.7377 12.7533 15.8043 12.5956 15.8043 12.4313C15.8043 12.2669 15.7377 12.1092 15.6192 11.993C15.5006 11.8768 15.3398 11.8115 15.1721 11.8115H5.58762L5.36478 10.5719H14.913C15.1322 10.5716 15.3446 10.4971 15.5142 10.3609C15.6839 10.2247 15.8003 10.0353 15.8438 9.82464L16.9817 4.24651C17.0092 4.11152 17.0057 3.97223 16.9715 3.83872C16.9373 3.70521 16.8734 3.58081 16.7842 3.47449Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 17px;
    width: 17px;
    display: block;
}

.faq-ul_s1 {
    list-style: none;
    padding: 0;
    overflow: hidden;
    font-family: Hiragino sans-serif;
}

.faq-ul_s1 li+li {
    margin-top: 20px;
}

.faq-ul_s1 li {
    border: 2px solid #e8e8e8;
    border-radius: 8px;
}

.faq_s1 h3 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    margin: 0;
}

.faq_s1 h3 a {
    display: block;
    cursor: pointer;
    position: relative;
    color: #000;
    padding: 20px 50px 20px 60px;
    text-decoration: none;
}

.faq_s1 h3 a:before {
    content: "";
    position: absolute;
    right: 18px;
    top: 50%;
    width: 10px;
    height: 10px;
    margin-top: -7px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: rotate(45deg);
    transition: transform 0.3s ease;
}

.faq_s1 h3 a.active:before {
    transform: rotate(-135deg);
    margin-top: -4px;
}

.faq_s1 h3 a:after {
    content: "Q";
    position: absolute;
    left: 15px;
    top: 50%;
    width: 30px;
    height: 30px;
    margin-top: -12px;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background-color: #E5002C;
    border-radius: 50%;
    font-family: Arial, sans-serif;
}

.faq_s1 .opened-a_s1 {
    display: none;
    margin: 0 15px 15px 22px;
    font-weight: 500;
    font-family: Hiragino sans-serif;
}

.faq-fs-12 li p {
    font-size: 14px;
    line-height: 1.6;
    padding: 0;
    margin: 0;
}

.faq-title-new {
    font-size: 24px;
    font-weight: 700;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 2px solid #000;
    font-family: Hiragino sans-serif;
}

.faq-title-new::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 140px;
    border-bottom: 2px solid #c2172d;
}
.error-msg {
    color: #ba2636;
    font-size: 14px;
    margin-top: 10px;
    font-family: Hiragino sans-serif;
}
#topicpath li strong {
    font-family: Hiragino sans-serif;
}
.loader { display: block; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.35); z-index: 9999; box-sizing: border-box; }
.loader .loader-wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 15px 25px; max-height: 600px; }
.loader-text { color: #ffffff; display: inline-block; margin-left: 5px; }
.loader-bounceball { position: relative; display: inline-block; height: 37px; width: 15px; }
.loader-bounceball:before { position: absolute; content: ''; display: block; top: 0; width: 15px; height: 15px; border-radius: 50%; background-color: #ffffff; transform-origin: 50%; animation: loader-bounce 500ms alternate infinite ease; }
@keyframes loader-bounce { 0% { top: 30px; height: 5px; border-radius: 60px 60px 20px 20px; transform: scaleX(2); } 35% { height: 15px; border-radius: 50%; transform: scaleX(1); } 100% { top: 0; } }

.error-msg-wrapper { margin-top: 10px; }

.flow-step{
    display: flex;
    padding-bottom: 40px;
    position: relative;
    z-index: 1;
}
.flow-step::before{
    content : "";
    display:block;
    position: absolute; 
    top:0;
    left:19px;
    bottom:0;
    width: 2px;
    background-color: #C2172D;
    z-index: 1;
}
.flow-step:last-child{
    padding-bottom: 0;
}
.flow-step:last-child::before{
    display:none;
}
.step-number{
    width: 40px; 
    height: 40px; 
    background-color: #C2172D; 
    color: #fff; 
    border-radius: 50%; 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    font-size: 20px; 
    font-weight: bold; 
    flex-shrink: 0; 
    margin-right: 10px;
    position: relative;
    z-index: 2;
}
.step-content{
    padding-top: 5px;
}
.step-content-title{
    font-size: 18px; 
    font-weight: 700; 
    margin-bottom: 10px;
    color: #363636; 
    font-family: Hiragino sans-serif;
}
.step-content-txt{
    font-size: 16px; 
    font-weight: 500; 
    line-height: 1.6; 
    color: #575757; 
    margin-bottom: 0; 
    font-family: Hiragino sans-serif; 
    letter-spacing: 5%;
}
.step-content-smallTxt{
    font-size: 12px; 
    color: #000; 
    font-weight: 500; 
    font-family: Hiragino sans-serif; 
    margin-block: 10px 0;
    display: inline-block;
}
.step-content-highlight{
    color: #C2172D; 
    font-weight: 500;
}