/* UBD Visual UX · PRODUCT FILE SHELL 1.6.40
   Visual-only shell for products whose customization contains files/photos.
   No functional fields are changed. */

html.ubd-product-ready body#product .product-customization.ubd-custom-has-files .card.card-block,
html body#product .product-customization.ubd-custom-has-files .card.card-block,
html .page-product .product-customization.ubd-custom-has-files .card.card-block {
  position: relative !important;
  overflow: hidden !important;
  padding: 18px !important;
  border: 0 !important;
  border-radius: 28px !important;
  background: linear-gradient(145deg,#ef8a4f 0%,#df7640 58%,#cf6736 100%) !important;
  box-shadow: 0 16px 34px rgba(207,103,54,.16) !important;
}

html.ubd-product-ready body#product .product-customization.ubd-custom-has-files .card.card-block::before,
html body#product .product-customization.ubd-custom-has-files .card.card-block::before,
html .page-product .product-customization.ubd-custom-has-files .card.card-block::before {
  content:"" !important;
  position:absolute !important;
  width:210px !important;
  height:210px !important;
  right:-95px !important;
  top:-115px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.08) !important;
  pointer-events:none !important;
}

html.ubd-product-ready body#product .product-customization.ubd-custom-has-files .card-title,
html body#product .product-customization.ubd-custom-has-files .card-title,
html .page-product .product-customization.ubd-custom-has-files .card-title {
  position:relative !important;
  z-index:2 !important;
  margin:0 0 14px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:clamp(23px,6.4vw,31px) !important;
  font-weight:850 !important;
  line-height:1.05 !important;
  letter-spacing:-.025em !important;
}

html.ubd-product-ready body#product .product-customization.ubd-custom-has-files form,
html body#product .product-customization.ubd-custom-has-files form,
html .page-product .product-customization.ubd-custom-has-files form,
html.ubd-product-ready body#product .product-customization.ubd-custom-has-files ul.clearfix,
html body#product .product-customization.ubd-custom-has-files ul.clearfix,
html .page-product .product-customization.ubd-custom-has-files ul.clearfix,
html.ubd-product-ready body#product .product-customization.ubd-custom-has-files .ubd-file-grid-section,
html body#product .product-customization.ubd-custom-has-files .ubd-file-grid-section,
html .page-product .product-customization.ubd-custom-has-files .ubd-file-grid-section {
  position:relative !important;
  z-index:2 !important;
}

/* Hide only the old arrow-hint paragraphs inside a file customization card. */
html body#product .product-customization.ubd-custom-has-files .ubd-custom-toggle-hint,
html .page-product .product-customization.ubd-custom-has-files .ubd-custom-toggle-hint {
  display:none !important;
}

/* Make native save control match the same orange card, only when it is the
   final save row of this customization form. */
html body#product .product-customization.ubd-custom-has-files form > .clearfix:last-child,
html .page-product .product-customization.ubd-custom-has-files form > .clearfix:last-child {
  position:relative !important;
  z-index:2 !important;
  display:flex !important;
  justify-content:stretch !important;
  margin-top:14px !important;
}

html body#product .product-customization.ubd-custom-has-files form > .clearfix:last-child .tvall-inner-btn,
html .page-product .product-customization.ubd-custom-has-files form > .clearfix:last-child .tvall-inner-btn {
  width:100% !important;
  min-width:0 !important;
  min-height:54px !important;
  margin:0 !important;
  padding:0 20px !important;
  border:1.5px solid rgba(255,255,255,.72) !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.10) !important;
  box-shadow:none !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

html body#product .product-customization.ubd-custom-has-files form > .clearfix:last-child .tvall-inner-btn span,
html .page-product .product-customization.ubd-custom-has-files form > .clearfix:last-child .tvall-inner-btn span {
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:17px !important;
  font-weight:850 !important;
}

@media (max-width:767px) {
  html.ubd-product-ready body#product .product-customization.ubd-custom-has-files .card.card-block,
  html body#product .product-customization.ubd-custom-has-files .card.card-block,
  html .page-product .product-customization.ubd-custom-has-files .card.card-block {
    padding:16px !important;
    border-radius:24px !important;
  }
}