@media only screen and (max-width: 767px){
.splitepiecebody section#ccp-sec-7, .splitepiecebody section#ccp-sec-8, .splitepiecebody section#ccp-sec-10 {
    display: none;
}     

.product_specific.credit-category.singlecanvas .actions {
    bottom: 65px !important;
}    
.product_specific.credit-category.singlecanvas .thumbnail {
    height: 182px !important;
}
.product_specific.credit-category.singlecanvas .thumbnail .thumnailimage_sec {
    max-width: 90px !important;
    max-height: 90px !important;
    top: 23%;
}
    .product_specific.credit-category.multicanvassize .thumbnail {
    height: 208px !important;
}

    .product_specific.credit-category.multicanvassize .thumnailimage_sec {
        top: 24%;
        left: 24px;
        max-width: 94% !important;
    }
.product_specific.credit-category.multicanvassize .actions {
    top: 48%;
    height: 20px !important;
}
.product_specific.credit-category.multicanvassize .actions {
    top: 48%;
    height: 20px !important;
}
.product_specific.credit-category.multicanvassize .thumbnail-price {
    height: 20px;
    top: 58%;
}
.product_specific.credit-category.multicanvassize .thumbnail-size {
    width: 100%;
    text-align: center;
    font-size: 12px;
    padding: 0px 7px;
    top: 60%;
}
.product_specific.credit-category.multicanvassize .thumbnail-quantity {
    top: 53%;
}
span.ccp-photo-chip {
    z-index: 100;
    top: 0px !important;
    padding: 2px 5px !important;
    font-size: 8px !important;
    line-height: normal;
}  
.header_piece button.splitepieceheader.active {
    background-color: red;
}
/* Active card look */
.header_piece button.splitepieceheader {
    background: black;
    color: white;
    padding: 4px 6px;
    border-radius: 5px;
}
.wrapper_splite .form-check.active-splite{
  background:#c00;color:#fff;border-radius:10px;
}
.wrapper_splite .form-check.active-splite label,
.wrapper_splite .form-check.active-splite .bottom_size{color:#fff;}
.wrapper_splite .form-check:not(.active-splite){
  background:#fff;color:#222;transition:background .15s ease;
}
.wrapper_splite select:disabled{opacity:.45;pointer-events:none;}    
.wrapper_splite ul.p-0.mb-0.ul-width.sizeBtn li {
    width: 235px !important;
}    
.wrapper_splite ul.p-0.mb-0.ul-width.sizeBtn li select {
    display: inline-block;
    position: relative;
    width: 99%;
    text-align: center;
}
    ul.p-0.mb-0.ul-width.sizeBtn {
        display: flex;
        position: relative;
        width: 100%;
        float: left;
    }
    /* assets/css/collage-toolbar.css (inline here for brevity) */
/* why: enforce requested look — white text on black, plus a grid badge after the text */
.ccp-collage-toolbar{margin:12px 0;display:flex;gap:10px;align-items:center;flex-wrap:wrap; width:100%;}
.ccp-collage-hint{font-size:12px;opacity:.8}
.ccp-collage-btn{
  background:#000;color:#fff;border:0;border-radius:10px;padding:10px 14px;
  font-weight:600;text-transform:lowercase;display:inline-flex;align-items:center;gap:10px;cursor:pointer
}
.ccp-collage-btn:focus{outline:2px solid #000;outline-offset:2px;box-shadow:0 0 0 2px #fff,0 0 0 4px #000}
.ccp-collage-btn:hover{opacity:.92}
.ccp-grid-icon{
  width:16px;height:16px;border-radius:3px;background:#000;position:relative;display:inline-block;
  box-shadow:inset 0 0 0 2px #fff
}
.ccp-grid-icon::after{
  content:"";position:absolute;inset:0;background:
    repeating-linear-gradient(to right,#fff 0 2px,transparent 2px 8px),
    repeating-linear-gradient(to bottom,#fff 0 2px,transparent 2px 8px);
  opacity:.9;mix-blend-mode:normal
}

}
@media only screen and (min-width: 768px){
.ccp-style-card {
    max-height: 245px;
    position: relative;
    display: inline-block;
    min-height: 180px;
    height: 200px;
}    
.singlecanvas ul li label {
    font-size: 13px !important;
    border-radius: 0px;
}    
.ccp-style-card.ccp-showmore-card {
    position: absolute;
    right: -16px;
    bottom: 5px;
    min-height: 20px !important;
    background-color: red;
    color: white;
    padding: 0px 5px !important;
            height: 20px;
}
.bottom_size {
    display: none !important;
}
    .top_size {
        background: #8c8c8c;
        border-top-left-radius: unset !important; 
         border-top-right-radius: unset !important; 
    }
.product_specific.credit-category.multicanvassize .thumbnail {
    height: 208px !important;
}
.product_specific.credit-category.multicanvassize .thumnailimage_sec {
    top: 41%;
}
.product_specific.credit-category.multicanvassize .actions {
    top: 48%;
    height: 20px !important;
}
.product_specific.credit-category.multicanvassize .actions {
    top: 48%;
    height: 20px !important;
}
.product_specific.credit-category.multicanvassize .thumbnail-price {
    height: 20px;
    top: 58%;
}
.product_specific.credit-category.multicanvassize .thumbnail-size {
    width: 100%;
    text-align: center;
    font-size: 12px;
    padding: 0px 7px;
    top: 60%;
}
.product_specific.credit-category.multicanvassize .thumbnail-quantity {
    top: 53%;
}
span.ccp-photo-chip {
    z-index: 100;
    top: 0px !important;
    padding: 2px 5px !important;
    font-size: 8px !important;
    line-height: normal;
}  
.header_piece button.splitepieceheader.active {
    background-color: red;
}
/* Active card look */
.header_piece button.splitepieceheader {
    background: black;
    color: white;
    padding: 4px 6px;
    border-radius: 5px;
}
.wrapper_splite .form-check.active-splite{
  background:#c00;color:#fff;border-radius:10px;
}
.wrapper_splite .form-check.active-splite label,
.wrapper_splite .form-check.active-splite .bottom_size{color:#fff;}
.wrapper_splite .form-check:not(.active-splite){
  background:#fff;color:#222;transition:background .15s ease;
}
.wrapper_splite select:disabled{opacity:.45;pointer-events:none;}    
.wrapper_splite ul.p-0.mb-0.ul-width.sizeBtn li {
    width: 235px !important;
}    
.wrapper_splite ul.p-0.mb-0.ul-width.sizeBtn li select {
    display: inline-block;
    position: relative;
    width: 99%;
    text-align: center;
}
    ul.p-0.mb-0.ul-width.sizeBtn {
        display: flex;
        position: relative;
        width: 100%;
        float: left;
    }
    /* assets/css/collage-toolbar.css (inline here for brevity) */
/* why: enforce requested look — white text on black, plus a grid badge after the text */
.ccp-collage-toolbar{margin:12px 0;display:flex;gap:10px;align-items:center;flex-wrap:wrap; width:100%;}
.ccp-collage-hint{font-size:12px;opacity:.8}
.ccp-collage-btn{
  background:#000;color:#fff;border:0;border-radius:10px;padding:10px 14px;
  font-weight:600;text-transform:lowercase;display:inline-flex;align-items:center;gap:10px;cursor:pointer
}
.ccp-collage-btn:focus{outline:2px solid #000;outline-offset:2px;box-shadow:0 0 0 2px #fff,0 0 0 4px #000}
.ccp-collage-btn:hover{opacity:.92}
.ccp-grid-icon{
  width:16px;height:16px;border-radius:3px;background:#000;position:relative;display:inline-block;
  box-shadow:inset 0 0 0 2px #fff
}
.ccp-grid-icon::after{
  content:"";position:absolute;inset:0;background:
    repeating-linear-gradient(to right,#fff 0 2px,transparent 2px 8px),
    repeating-linear-gradient(to bottom,#fff 0 2px,transparent 2px 8px);
  opacity:.9;mix-blend-mode:normal
}





}
.product_specific.credit-category.singlecanvas .bottom_size {
    display: none;
}
div#addMoreButton {
    display: none !important;
}
 button.ccp-show-more {
    display: inline-block;
    position: absolute;
    right: 0px;
    bottom: -9px;
}
 button.ccp-show-more {
    background-color: red;
    color: white;
}