.elementor-583 .elementor-element.elementor-element-e85d1d4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-583 .elementor-element.elementor-element-e85d1d4:not(.elementor-motion-effects-element-type-background), .elementor-583 .elementor-element.elementor-element-e85d1d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );background-image:url("https://boxshopuk.com/wp-content/uploads/2026/05/The-Box-Shop-Uk-Tik-Tok-Shop-14-1.webp");background-position:center center;background-size:cover;}.elementor-583 .elementor-element.elementor-element-bfb3711{margin:020px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--confirmation-message-display:block;--confirmation-message-alignment:center;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-583 .elementor-element.elementor-element-e85d1d4:not(.elementor-motion-effects-element-type-background), .elementor-583 .elementor-element.elementor-element-e85d1d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://boxshopuk.com/wp-content/uploads/2026/05/The-Box-Shop-Uk-Tik-Tok-Shop-14.webp");background-position:center center;}.elementor-583 .elementor-element.elementor-element-e85d1d4{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-583 .elementor-element.elementor-element-bfb3711{padding:5% 5% 5% 5%;}}@media(max-width:767px){.elementor-583 .elementor-element.elementor-element-e85d1d4:not(.elementor-motion-effects-element-type-background), .elementor-583 .elementor-element.elementor-element-e85d1d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://boxshopuk.com/wp-content/uploads/2026/05/The-Box-Shop-UK-Mobile-2.webp");}.elementor-583 .elementor-element.elementor-element-e85d1d4{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0%;--padding-bottom:9%;--padding-left:0%;--padding-right:0%;}}/* Start custom CSS for html, class: .elementor-element-ee93a09 *//* BOX SHOP THANK YOU PAGE */

.boxshop-thankyou {

  position: relative;

  overflow: hidden;

  width: 100%;

  min-height: 100vh;

  padding: 120px 20px;

  display: flex;
  align-items: center;
  justify-content: center;

  text-align: center;

  font-family: Arial, sans-serif;

  background:

    radial-gradient(circle at 10% 20%, rgba(255,0,140,0.22), transparent 24%),

    radial-gradient(circle at 88% 18%, rgba(0,220,255,0.20), transparent 26%),

    radial-gradient(circle at 50% 0%, rgba(255,190,0,0.16), transparent 30%),

    radial-gradient(circle at 25% 100%, rgba(140,0,255,0.18), transparent 28%),

    radial-gradient(circle at 100% 100%, rgba(120,255,0,0.10), transparent 28%),

    linear-gradient(
      145deg,
      #010104,
      #050510 35%,
      #090914 100%
    );

  background-size: 180% 180%;

  animation:
    boxshopThankGlow 18s ease-in-out infinite alternate;
}

/* INNER */

.boxshop-thankyou-inner {

  position: relative;

  z-index: 2;

  width: 100%;
  max-width: 980px;
}

/* SUCCESS ICON */

.boxshop-success-icon {

  width: 110px;
  height: 110px;

  margin: auto auto 28px;

  border-radius: 999px;

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 42px;
  font-weight: 900;

  color: #ffffff;

  background:
    linear-gradient(
      135deg,
      #00c8ff,
      #00ff95
    );

  box-shadow:
    0 0 24px rgba(0,255,170,0.35),
    0 0 44px rgba(0,200,255,0.25);

  animation:
    boxshopSuccessFloat 2.8s ease-in-out infinite;
}

/* BADGE */

.boxshop-badge {

  display: inline-block;

  padding: 10px 18px;

  border-radius: 999px;

  border:
    1px solid rgba(255,255,255,0.12);

  background:
    rgba(255,255,255,0.04);

  color: #ffffff;

  font-size: 12px;

  font-weight: 800;

  letter-spacing: 2px;

  margin-bottom: 24px;
}

/* TITLE */

.boxshop-thankyou h1 {

  color: #ffffff;

  font-size: clamp(46px, 7vw, 92px);

  line-height: 0.95;

  font-weight: 900;

  margin-bottom: 24px;

  text-transform: uppercase;

  text-shadow:
    0 0 14px rgba(255,255,255,0.45),
    0 0 28px rgba(255,0,180,0.28);
}

/* TEXT */

.boxshop-lead {

  color: #d8d8e8;

  font-size: 20px;

  line-height: 1.8;

  max-width: 700px;

  margin: auto auto 40px;
}

/* ORDER BOX */

.boxshop-order-box {

  max-width: 680px;

  margin: auto;

  padding: 20px;

  border-radius: 28px;

  background:
    linear-gradient(
      145deg,
      rgba(8,8,18,0.92),
      rgba(18,18,36,0.92)
    );

  border:
    1px solid rgba(255,255,255,0.08);

  box-shadow:
    0 0 28px rgba(255,0,180,0.14),
    inset 0 0 22px rgba(0,200,255,0.06);
}

/* ROW */

.boxshop-order-row {

  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 20px;

  padding: 18px 10px;

  border-bottom:
    1px solid rgba(255,255,255,0.06);
}

.boxshop-order-row:last-child {
  border-bottom: none;
}

.boxshop-order-row span {

  color: #bfc5d9;

  font-size: 15px;
}

.boxshop-order-row strong {

  color: #ffffff;

  font-size: 15px;

  font-weight: 800;
}

/* BUTTONS */

.boxshop-thankyou-buttons {

  display: flex;

  justify-content: center;

  gap: 18px;

  flex-wrap: wrap;

  margin-top: 42px;
}

/* BUTTONS */

.boxshop-btn-main,
.boxshop-btn-secondary {

  position: relative;

  overflow: hidden;

  display: inline-flex;

  align-items: center;
  justify-content: center;

  min-width: 220px;

  min-height: 62px;

  padding: 18px 34px;

  border-radius: 18px;

  text-decoration: none;

  color: #ffffff;

  font-size: 15px;

  font-weight: 900;

  letter-spacing: 1px;

  text-transform: uppercase;

  transition: all 0.3s ease;
}

/* MAIN */

.boxshop-btn-main {

  background:
    linear-gradient(
      90deg,
      #7b00ff,
      #ff0099,
      #00c8ff,
      #7b00ff
    );

  background-size: 300% 300%;

  box-shadow:
    0 0 22px rgba(255,0,180,0.35);

  animation:
    boxshopButtonFloat 2.6s ease-in-out infinite,
    boxshopGradientMove 6s linear infinite;
}

/* SECONDARY */

.boxshop-btn-secondary {

  background:
    rgba(255,255,255,0.06);

  border:
    1px solid rgba(255,255,255,0.08);
}

/* HOVER */

.boxshop-btn-main:hover,
.boxshop-btn-secondary:hover {

  transform:
    translateY(-4px)
    scale(1.03);

  color: #ffffff;

  box-shadow:
    0 0 28px rgba(255,0,180,0.42),
    0 0 40px rgba(0,200,255,0.18);
}

/* CARDS */

.boxshop-thankyou-cards {

  display: grid;

  grid-template-columns:
    repeat(4, 1fr);

  gap: 18px;

  margin-top: 70px;
}

/* CARD */

.boxshop-card {

  border-radius: 24px;

  overflow: hidden;

  background:
    rgba(255,255,255,0.04);

  border:
    1px solid rgba(255,255,255,0.08);

  box-shadow:
    0 0 20px rgba(255,0,180,0.14);

  transition: all 0.3s ease;

  animation:
    boxshopCardFloat 4s ease-in-out infinite;
}

.boxshop-card:nth-child(2) {
  animation-delay: 1s;
}

.boxshop-card:nth-child(3) {
  animation-delay: 2s;
}

.boxshop-card:nth-child(4) {
  animation-delay: 3s;
}

/* CARD IMG */

.boxshop-card img {

  width: 100%;

  display: block;
}

/* HOVER */

.boxshop-card:hover {

  transform:
    translateY(-8px)
    scale(1.03);

  box-shadow:
    0 0 30px rgba(255,0,180,0.32),
    0 0 44px rgba(0,200,255,0.18);
}

/* ANIMATIONS */

@keyframes boxshopThankGlow {

  0% {
    background-position: 0% 0%;
  }

  100% {
    background-position: 100% 100%;
  }
}

@keyframes boxshopButtonFloat {

  0% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-4px);
  }

  100% {
    transform: translateY(0px);
  }
}

@keyframes boxshopGradientMove {

  0% {
    background-position: 0% 50%;
  }

  100% {
    background-position: 100% 50%;
  }
}

@keyframes boxshopCardFloat {

  0% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-8px);
  }

  100% {
    transform: translateY(0px);
  }
}

@keyframes boxshopSuccessFloat {

  0% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-6px);
  }

  100% {
    transform: translateY(0px);
  }
}

/* MOBILE */

@media only screen and (max-width: 768px) {

  .boxshop-thankyou {
    padding: 90px 20px;
  }

  .boxshop-lead {
    font-size: 16px;
  }

  .boxshop-order-row {

    flex-direction: column;

    align-items: flex-start;

    text-align: left;
  }

  .boxshop-thankyou-cards {

    grid-template-columns:
      repeat(2, 1fr);
  }

  .boxshop-btn-main,
  .boxshop-btn-secondary {

    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for woocommerce-purchase-summary, class: .elementor-element-bfb3711 *//* BOX SHOP THANK YOU ORDER AREA */

.woocommerce-order {
  font-family: Arial, sans-serif !important;
  color: #ffffff !important;
  max-width: 1100px;
  margin: 0 auto;
}

/* SUCCESS MESSAGE */

.woocommerce-thankyou-order-received {
  text-align: center;
  color: #ffffff !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  margin-bottom: 28px !important;
  text-shadow:
    0 0 14px rgba(255,255,255,0.45),
    0 0 28px rgba(0,220,255,0.35);
}

/* ORDER SUMMARY BOXES */

.woocommerce-order-overview {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  padding: 0 !important;
  margin: 0 0 35px !important;
}

.woocommerce-order-overview li {
  list-style: none !important;
  background: linear-gradient(145deg, rgba(8,8,18,0.94), rgba(18,18,36,0.94));
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 20px;
  padding: 18px !important;
  color: #bfc5d9 !important;
  font-size: 13px !important;
  box-shadow:
    0 0 22px rgba(255,0,180,0.16),
    inset 0 0 18px rgba(0,220,255,0.06);
}

.woocommerce-order-overview li strong {
  display: block;
  margin-top: 8px;
  color: #ffffff !important;
  font-size: 18px !important;
}

/* ORDER DETAILS TITLE */

.woocommerce-order-details__title {
  color: #ffffff !important;
  font-size: 30px !important;
  font-weight: 900 !important;
  text-align: center;
  margin: 35px 0 22px !important;
}

/* TABLE */

.woocommerce-table--order-details {
  width: 100%;
  overflow: hidden;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border-radius: 24px !important;
  background: linear-gradient(145deg, rgba(8,8,18,0.94), rgba(18,18,36,0.94)) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow:
    0 0 28px rgba(255,0,180,0.16),
    inset 0 0 22px rgba(0,220,255,0.06);
}

.woocommerce-table--order-details th,
.woocommerce-table--order-details td {
  padding: 18px !important;
  border: none !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  color: #d8d8e8 !important;
}

.woocommerce-table--order-details thead th {
  color: #ffffff !important;
  font-size: 14px !important;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.woocommerce-table--order-details a {
  color: #00e1ff !important;
  font-weight: 800;
  text-decoration: none !important;
}

.woocommerce-table--order-details a:hover {
  color: #ffffff !important;
  text-shadow: 0 0 10px rgba(0,220,255,0.55);
}

.woocommerce-Price-amount {
  color: #ffffff !important;
  font-weight: 900 !important;
}

/* PAY / CANCEL BUTTONS */

.woocommerce-button.button,
.order-actions-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin: 4px 6px 4px 0 !important;
  padding: 12px 22px !important;
  border-radius: 14px !important;
  background: linear-gradient(90deg, #7b00ff, #ff0099) !important;
  color: #ffffff !important;
  border: none !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  box-shadow: 0 0 18px rgba(255,0,180,0.28);
  transition: all 0.3s ease !important;
}

.woocommerce-button.button:hover,
.order-actions-button:hover {
  transform: translateY(-3px);
  background: linear-gradient(90deg, #00c8ff, #ff00aa) !important;
  box-shadow:
    0 0 22px rgba(0,220,255,0.45),
    0 0 34px rgba(255,0,180,0.35);
}

/* MOBILE */

@media only screen and (max-width: 768px) {
  .woocommerce-order-overview {
    grid-template-columns: 1fr !important;
  }

  .woocommerce-thankyou-order-received {
    font-size: 22px !important;
  }

  .woocommerce-table--order-details th,
  .woocommerce-table--order-details td {
    padding: 14px !important;
    font-size: 13px !important;
  }
}/* End custom CSS */