.px-product-summary {
    --px-spacing-heading:var(--px-spacing-24);
    --ps-col-left-w:100%;
    gap:48px 24px;
}
.px-product-summary a:not([class*="btn_"]) {text-decoration:unset;}
.px-product-summary p:has([href*="tel"]) {display:inline-flex; align-items:center; justify-content:center;}

/* product detail content */
.px-product-detail-content {max-width:800px; --px-spacing-default:var(--px-spacing-30);}

/* spec item */
.px-product-summary .px-product-spec-item {max-width:395px; gap:24px;}
.px-product-summary .px-product-spec-item:not(:last-child) {padding-bottom:16px; margin-bottom:16px; border-bottom:1px solid #aaa;}
.px-product-summary .px-product-spec-item__image {width:72px; aspect-ratio:1;}

/* content item */
.px-product-summary .px-product-detail-content-item {max-width:527px; padding-left:16px; border-bottom:1px solid #d9d9d9;}
.px-product-summary .px-product-summary-description {max-width:845px;}

.px-product-summary .col-left {width:calc(var(--ps-col-left-w) - 24px);}
.px-product-summary .col-right {gap:16px}
.px-product-summary .col-right a[href*="tel:"] {margin-bottom:0; margin-left:8px;}
.px-product-summary .col-right a[href*="tel:"]:hover {color:var(--px-color-permalink-highlight);}
.px-product-summary .px-product__cta-buttons {display:flex; flex-direction:column; gap:var(--px-spacing-16);}
.px-product-summary .px-product__cta-buttons [class*="btn_primary"] {display:flex;}
.main_content .px-product-summary .px-product__cta-buttons p {--px-spacing-paragraph:0px;}

/* titles */
.px-product-summary-titles__inner {gap:4px;}
.px-product-summary-titles__inner:before {content:""; position:absolute; bottom:0; left:0; height:1px; width:100%; background:#d9d9d9;}
.px-product-summary-titles button {
    padding:14px 16px; background:transparent; transition:var(--px-transition);
    font-size:var(--px-size-14); font-weight:bold; text-transform:uppercase; letter-spacing:0.03em;
}
.px-product-summary-titles button.active,
.px-product-summary-titles button:hover {background:var(--px-color-black); color:var(--px-color-white);}

@media only screen and (min-width:1024px) {
    .px-product-summary .col-left {--ps-col-left-w:68%;}
}
@media only screen and (max-width:1023px) {
    .px-product-summary .col-left {width:100%;}
}

@media only screen and (min-width:769px) {
    .px-product-summary .col-right {width:32%;}
}
@media only screen and (max-width:768px) {
    .px-product-summary .col-right {width:100%;}
    .px-product-summary-titles {
        margin-left:calc(-1 * var(--px-gap-side) - 0.5px); margin-right:calc(-1 * var(--px-gap-side));
        padding-left:var(--px-gap-container); padding-right:var(--px-gap-container); overflow-x:scroll; scrollbar-width:none;
    }
}

/*****************************************/
/************ Product Gallery ************/
/*****************************************/
/* .px-product-gallery__item-image {min-height:200px;} */
.px-product-gallery__item-play {
    width:64px; height:64px; background:#fff; color:#000;
    border-radius:50%;
    padding-left:.15em;
}

@media only screen and (min-width:1024px) {
    .px-product-gallery {
        --grid-gap:14px;
        --grid-row-h:235px;
    }

    .px-product-gallery .px-product-gallery__preview {
        display:grid; grid-gap:14px;
        grid-template-areas:
        "a b c"
        "a d e";
        grid-template-columns: 2fr 1fr 1fr;
        grid-template-rows: var(--grid-row-h) var(--grid-row-h);
    }


    .px-product-gallery__item[data-index="0"] {grid-area:a; }
    .px-product-gallery__item[data-index="1"] {grid-area:b;}
    .px-product-gallery__item[data-index="2"] {grid-area:c;}
    .px-product-gallery__item[data-index="3"] {grid-area:d;}
    .px-product-gallery__item[data-index="4"] {grid-area:e;}

    .px-product-gallery__more {bottom:25px; right:9px;}
}
@media only screen and (max-width:1280px) and (min-width:1024px) {
    .px-product-gallery {--grid-row-h:180px;}
    .px-product-gallery__more {right:4px;}
}

@media only screen and (max-width:1023px) {
    .px-product-gallery {
        --pg-item-width:40%;
        margin-left:calc(-1 * var(--px-gap-side) - 0.5px); margin-right:calc(-1 * var(--px-gap-side));
    }
    .px-product-gallery__item {width:var(--pg-item-width);}
    .px-product-gallery__more {display:none;}
}

@media only screen and (max-width:1023px) and (min-width:481px) {
    .px-product-gallery {
        --pg-item-width:40%;
        margin-left:calc(-1 * var(--px-gap-side) - 0.5px); margin-right:calc(-1 * var(--px-gap-side));
    }

    .px-product-gallery__item {aspect-ratio:3/2; padding-left:var(--px-gap-container);}
    .px-product-gallery__item:last-child {padding-right:var(--px-gap-container);}
}

@media only screen and (max-width:767px) {
    .px-product-gallery {--pg-item-width:60%;}
}

@media only screen and (max-width:480px) {
    .px-product-gallery {--pg-item-width:100%;}

    .px-product-gallery__item {aspect-ratio:375/281;}

    .px-product-gallery__item-play {width:55px; height:55px;}
}

/* breadcrumb */
body.product-gach-detail .site-breadcrumbs > span {justify-content:flex-start;}
@media only screen and (min-width:769px) {
    body.product-gach-detail .site-breadcrumbs-title .page-title {--px-spacing-heading:var(--px-spacing-32);}
}

@media only screen and (max-width:768px) {
    body.product-gach-detail .site-banner {margin-bottom:40px;}
}


/* pdf element inside content */
@media only screen and (min-width:1400px) {
    .px-product-detail-content .px-download-pdf {margin-right:calc((var(--px-container) - 800px) * -1);}
}