.page-wrapper{max-width:1500px;}
.navigation, .breadcrumbs, .catalog-category-view .page-main .breadcrumbs, .catalog-category-view .page-main .columns, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container, .page-main, .page-container > .content, .jumbotron > .container{max-width:1500px;}
.page-footer{background-color:#bdbdbd;background-image:url(../images/foot_wheel_v1_3.png);background-repeat:no-repeat;background-position: ;}
/* =====================================================
   KOYA WEBSITE — COMPLETE SAFE CSS
===================================================== */

:root {
    --koya-orange: #ec671a;
    --koya-orange-soft: rgba(236, 103, 26, 0.15);
    --koya-black: #151515;
    --koya-border: #dedede;
    --koya-light: #f7f7f7;
    --koya-grey: #cccccc;
    --koya-green: #188140;
    --koya-red: #d63c3c;
    --koya-radius: 7px;
}


/* =====================================================
   PRODUCT PAGE FONT
   只影響 Magento 產品頁
===================================================== */

.catalog-product-view .product-info-main,
.catalog-product-view .product-options-wrapper,
.catalog-product-view .mgz-tabs {
    font-family: Verdana, Arial, sans-serif !important;
}


/* =====================================================
   PRODUCT LABELS
===================================================== */

.catalog-product-view
.product-options-wrapper .label,
.catalog-product-view
.product-options-wrapper label {
    color: var(--koya-black) !important;
    font-weight: 700 !important;
}

.catalog-product-view
.product-options-wrapper .field > .label {
    display: block !important;
    margin-bottom: 7px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
}


/* =====================================================
   PRODUCT OPTIONS CARD
   不修改 Magezon 欄位結構
===================================================== */

.catalog-product-view .product-options-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    padding: 20px !important;
    background-color: #fff !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: var(--koya-radius) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.07) !important;
    box-sizing: border-box !important;
}

.catalog-product-view
.product-options-wrapper .field {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 20px !important;
    box-sizing: border-box !important;
}

.catalog-product-view
.product-options-wrapper .field:last-child {
    margin-bottom: 0 !important;
}


/* =====================================================
   PRODUCT SELECT
   使用 background-color，保留 Magento 下拉箭頭
===================================================== */

.catalog-product-view
.product-options-wrapper select:not(.hidden) {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 48px !important;
    padding: 8px 42px 8px 14px !important;

    /*
    不可改成 background:#fff，
    否則可能刪除 Magento 下拉箭頭。
    */
    background-color: #fff !important;

    border: 1px solid var(--koya-border) !important;
    border-radius: var(--koya-radius) !important;
    color: #222 !important;
    font-family: Verdana, Arial, sans-serif !important;
    font-size: 14px !important;
    box-sizing: border-box !important;
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease !important;
}

.catalog-product-view
.product-options-wrapper select:not(.hidden):hover {
    background-color: #fafafa !important;
    border-color: #999 !important;
}

.catalog-product-view
.product-options-wrapper select:not(.hidden):focus {
    background-color: #fff !important;
    border-color: var(--koya-orange) !important;
    box-shadow: 0 0 0 3px var(--koya-orange-soft) !important;
    outline: none !important;
}


/* =====================================================
   TEXT INPUT
===================================================== */

.catalog-product-view
.product-options-wrapper input[type="text"] {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 46px !important;
    padding: 10px 14px !important;
    background-color: #fff !important;
    border: 1px solid var(--koya-border) !important;
    border-radius: var(--koya-radius) !important;
    color: #222 !important;
    font-family: Verdana, Arial, sans-serif !important;
    font-size: 14px !important;
    box-sizing: border-box !important;
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease !important;
}

.catalog-product-view
.product-options-wrapper input[type="text"]:focus {
    border-color: var(--koya-orange) !important;
    box-shadow: 0 0 0 3px var(--koya-orange-soft) !important;
    outline: none !important;
}


/* =====================================================
   TEXTAREA
===================================================== */

.catalog-product-view
.product-options-wrapper textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 115px !important;
    padding: 12px 14px !important;
    background-color: #fff !important;
    border: 1px solid var(--koya-border) !important;
    border-radius: var(--koya-radius) !important;
    color: #222 !important;
    font-family: Verdana, Arial, sans-serif !important;
    font-size: 14px !important;
    box-sizing: border-box !important;
    resize: vertical !important;
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease !important;
}

.catalog-product-view
.product-options-wrapper textarea:focus {
    border-color: var(--koya-orange) !important;
    box-shadow: 0 0 0 3px var(--koya-orange-soft) !important;
    outline: none !important;
}


/* =====================================================
   QTY INPUT
===================================================== */

.catalog-product-view
.product-options-wrapper input[type="number"],
.catalog-product-view
.product-options-wrapper input.qty,
.catalog-product-view
.box-tocart input.qty {
    width: 78px !important;
    max-width: 100% !important;
    min-height: 44px !important;
    padding: 6px 8px !important;
    background-color: #fff !important;
    border: 1px solid var(--koya-border) !important;
    border-radius: var(--koya-radius) !important;
    color: #222 !important;
    font-family: Verdana, Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-align: center !important;
    box-sizing: border-box !important;
}


/* =====================================================
   SWATCH CONTAINER
   不再使用 width:110%
===================================================== */

.catalog-product-view .swatch-attribute-options,
.catalog-product-view .mageworx-swatch-options {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}


/* =====================================================
   MAGEWORX COMMON
===================================================== */

.catalog-product-view .mageworx-swatch-option {
    border-radius: 5px !important;
    box-sizing: border-box !important;
}


/* =====================================================
   MAGEWORX TEXT OPTIONS
   例如 PMF Forged、SF Series
===================================================== */

.catalog-product-view
.mageworx-swatch-option.text {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 40px !important;
    margin: 0 7px 7px 0 !important;
    padding: 8px 14px !important;
    background-color: #f3f3f3 !important;
    border: 1px solid #ddd !important;
    border-radius: var(--koya-radius) !important;
    color: #333 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease !important;
}

.catalog-product-view
.mageworx-swatch-option.text:hover {
    border-color: var(--koya-orange) !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08) !important;
    transform: translateY(-1px);
}

.catalog-product-view
.mageworx-swatch-option.text.selected {
    background-color: var(--koya-orange) !important;
    border-color: var(--koya-orange) !important;
    color: #fff !important;
    box-shadow: 0 0 0 3px var(--koya-orange-soft) !important;
}


/* =====================================================
   MAGEWORX IMAGE OPTIONS
   例如 PMF05、PMF05 V1/V2/V3
===================================================== */

.catalog-product-view
.mageworx-swatch-option.image {
    overflow: hidden !important;
    margin: 0 10px 10px 0 !important;
    padding: 5px !important;

    /*
    重要：
    MageWorx 圖片使用 inline background:url(...)
    這裡只能使用 background-color。
    不可使用 background:#fff。
    */
    background-color: #fff !important;

    border: 2px solid #e4e4e4 !important;
    border-radius: var(--koya-radius) !important;
    box-sizing: border-box !important;

    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;

    cursor: pointer !important;
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease !important;
}

.catalog-product-view
.mageworx-swatch-option.image:hover {
    border-color: var(--koya-orange) !important;
    box-shadow: 0 7px 18px rgba(0, 0, 0, 0.12) !important;
    transform: translateY(-2px);
}

.catalog-product-view
.mageworx-swatch-option.image.selected {
    border-color: var(--koya-orange) !important;
    box-shadow: 0 0 0 3px var(--koya-orange-soft) !important;
}


/* =====================================================
   SWATCH LABEL
===================================================== */

.catalog-product-view .mgz-swatch-info {
    margin-top: 6px !important;
    color: #333 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    text-align: center !important;
}


/* =====================================================
   RIGHT PRICE / ENQUIRY CARD
   只修改外觀，不修改欄寬
===================================================== */

.catalog-product-view
.product-info-main .mgz-col-md-15 > .mgz-element-inner {
    padding: 15px !important;
    background-color: #fff !important;
    border: 1px solid #e1e1e1 !important;
    border-top: 4px solid var(--koya-orange) !important;
    border-radius: var(--koya-radius) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.10) !important;
    box-sizing: border-box !important;
}


/* =====================================================
   PRICE
===================================================== */

.catalog-product-view .price-box .price,
.catalog-product-view .product-info-price .price {
    color: var(--koya-black) !important;
    font-size: 27px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
}


/* =====================================================
   STOCK STATUS
===================================================== */

.catalog-product-view .stock.available {
    color: var(--koya-green) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

.catalog-product-view .stock.unavailable {
    color: var(--koya-red) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}


/* =====================================================
   ADD TO CART
===================================================== */

.catalog-product-view #product-addtocart-button,
.catalog-product-view button.tocart.primary {
    width: 100% !important;
    min-height: 52px !important;
    padding: 12px 18px !important;
    background-color: var(--koya-orange) !important;
    border: 2px solid var(--koya-orange) !important;
    border-radius: var(--koya-radius) !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    letter-spacing: 0.2px !important;
    line-height: 1.3 !important;
    text-transform: uppercase !important;
    box-sizing: border-box !important;
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease !important;
}

.catalog-product-view #product-addtocart-button:hover,
.catalog-product-view button.tocart.primary:hover {
    background-color: #111 !important;
    border-color: #111 !important;
    transform: translateY(-1px);
}

.catalog-product-view #product-addtocart-button:disabled,
.catalog-product-view button.tocart.primary:disabled {
    background-color: #aaa !important;
    border-color: #aaa !important;
    color: #fff !important;
    cursor: not-allowed !important;
    opacity: 0.75 !important;
    transform: none !important;
}


/* =====================================================
   PRODUCT SHADOW UTILITY
===================================================== */

.catalog-product-view .product-shadow {
    border-radius: var(--koya-radius) !important;
    box-shadow: 0 15px 50px -15px rgba(0, 0, 0, 0.5) !important;
}


/* =====================================================
   PRODUCT OVERVIEW
===================================================== */

.catalog-product-view
.product-info-main .product.attribute.overview {
    display: none !important;
}


/* =====================================================
   TEMPORARILY DISABLED CSS
   需要時才移除註解
===================================================== */

/*
.catalog-product-view #product-addtocart-button {
    display: none !important;
}

.catalog-product-view button[type="submit"].tocart.primary {
    display: none !important;
}

.catalog-product-view
.product-info-main .mgz-col-md-15 {
    box-shadow: 0 15px 50px -15px rgba(0, 0, 0, 0.5) !important;
}
*/


/* =====================================================
   WHEEL SPECIFICATION TABLE — DESKTOP
===================================================== */

.koya-spec-table {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    background-color: #111 !important;
    border: none !important;
    border-collapse: collapse !important;
    border-radius: var(--koya-radius) !important;
    color: #fff !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16) !important;
    box-sizing: border-box !important;
}

.koya-spec-table th,
.koya-spec-table td {
    padding: 16px 12px !important;
    border-top: 1px solid #333 !important;
    color: #fff !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
    text-align: center !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
}

.koya-spec-table th {
    padding: 15px 12px !important;
    background-color: #171717 !important;
    border-color: #333 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: 0.3px !important;
}

.koya-spec-table
tbody tr:not(.koya-size-heading):hover {
    background-color: #1b1b1b !important;
}

.koya-size-heading td {
    padding: 13px !important;
    background-color: var(--koya-orange) !important;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 900 !important;
}


/* =====================================================
   ORDER BUTTON
===================================================== */

.koya-order-btn {
    display: inline-block !important;
    min-width: 80px !important;
    padding: 9px 13px !important;
    background-color: #fff !important;
    border: 1px solid #fff !important;
    border-radius: 3px !important;
    color: #111 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease !important;
}

.koya-order-btn:hover {
    background-color: var(--koya-orange) !important;
    border-color: var(--koya-orange) !important;
    color: #fff !important;
}


/* =====================================================
   OUT OF STOCK
===================================================== */

.koya-out-stock {
    display: inline-block !important;
    padding: 9px 13px !important;
    background-color: #e94b4b !important;
    border-radius: 3px !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
}


/* =====================================================
   TABLET
===================================================== */

@media (min-width: 769px) and (max-width: 1100px) {

    .catalog-product-view .product-options-wrapper {
        padding: 16px !important;
    }

    .catalog-product-view
    .product-options-wrapper select:not(.hidden) {
        width: 100% !important;
        max-width: 100% !important;
    }

    .catalog-product-view
    .product-info-main .mgz-col-md-15 > .mgz-element-inner {
        padding: 13px !important;
    }
}


/* =====================================================
   MOBILE PRODUCT PAGE
===================================================== */

@media (max-width: 768px) {

    .catalog-product-view .product-options-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        padding: 15px !important;
        border-radius: 6px !important;
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.07) !important;
        box-sizing: border-box !important;
    }

    .catalog-product-view
    .product-options-wrapper select:not(.hidden),
    .catalog-product-view
    .product-options-wrapper input[type="text"],
    .catalog-product-view
    .product-options-wrapper textarea {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .catalog-product-view
    .product-options-wrapper select:not(.hidden) {
        min-height: 50px !important;
        font-size: 16px !important;
    }

    .catalog-product-view
    .product-options-wrapper input[type="text"] {
        min-height: 48px !important;
        font-size: 16px !important;
    }

    .catalog-product-view
    .product-options-wrapper textarea {
        min-height: 120px !important;
        font-size: 16px !important;
    }

    .catalog-product-view
    .mageworx-swatch-option.text {
        min-height: 44px !important;
        padding: 7px 11px !important;
        font-size: 12px !important;
    }

    /*
    不強制改 MageWorx 圖片尺寸，
    保留產品後台設定的 100×100 等尺寸。
    */

    .catalog-product-view
    .mageworx-swatch-option.image {
        margin: 0 8px 8px 0 !important;
        padding: 4px !important;
        background-size: contain !important;
    }

    .catalog-product-view
    .product-info-main .mgz-col-md-15 > .mgz-element-inner {
        padding: 13px !important;
        border-top-width: 3px !important;
    }

    .catalog-product-view #product-addtocart-button,
    .catalog-product-view button.tocart.primary {
        min-height: 54px !important;
        font-size: 15px !important;
    }


    /* =================================================
       MOBILE SPECIFICATION TABLE
    ================================================= */

    .koya-spec-table,
    .koya-spec-table tbody {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .koya-spec-table thead {
        display: none !important;
    }

    .koya-spec-table tr {
        display: grid !important;
        grid-template-columns:
            0.85fr
            1.15fr
            0.8fr
            0.95fr
            auto !important;
        align-items: center !important;
        width: 100% !important;
        gap: 4px !important;
        padding: 7px 5px !important;
        border-bottom: 1px solid #333 !important;
        box-sizing: border-box !important;
    }

    .koya-spec-table th,
    .koya-spec-table td {
        display: block !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-wrap: anywhere !important;
        border: none !important;
        font-size: 11px !important;
        line-height: 1.25 !important;
        text-align: left !important;
        box-sizing: border-box !important;
    }

    .koya-spec-table th {
        background-color: transparent !important;
        color: #aaa !important;
        font-weight: 800 !important;
    }

    /*
    尺寸分類標題，例如 17 INCH、18 INCH。
    必須高於一般 tr 的 grid specificity。
    */

    .koya-spec-table tr.koya-size-heading {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
    }

    .koya-size-heading td {
        display: block !important;
        width: 100% !important;
        padding: 12px 8px !important;
        background-color: var(--koya-orange) !important;
        color: #fff !important;
        font-size: 18px !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    .koya-size-cell {
        font-size: 12px !important;
        font-weight: 900 !important;
        white-space: nowrap !important;
    }

    .koya-pcd-cell,
    .koya-offset-cell {
        color: #aaa !important;
        font-size: 10px !important;
        white-space: normal !important;
    }

    .koya-price-cell {
        font-size: 11px !important;
        font-weight: 900 !important;
        text-align: right !important;
        white-space: nowrap !important;
    }

    .koya-order-cell {
        justify-self: end !important;
        min-width: max-content !important;
        text-align: right !important;
    }

    .koya-order-btn,
    .koya-out-stock {
        display: inline-block !important;
        width: auto !important;
        min-width: 0 !important;
        padding: 5px 7px !important;
        font-size: 9px !important;
        line-height: 1.2 !important;
        text-align: center !important;
        white-space: nowrap !important;
    }
}