/*
 * THEGROWNS PDP 2.0
 * Integrated gallery and product information.
 * Staging only.
 */

@media(min-width:768px) {
  body.single-product div.product.tg-pdp-integrated
  .tg-pdp-left-column {
    float:left !important;
    width:49% !important;
    max-width:49% !important;
    clear:none !important;
    box-sizing:border-box !important;
  }

  body.single-product div.product.tg-pdp-integrated
  .tg-pdp-left-column .woocommerce-product-gallery {
    float:none !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 0 18px !important;
  }

  body.single-product div.product.tg-pdp-integrated
  .summary.entry-summary {
    float:right !important;
    width:47% !important;
    max-width:47% !important;
    clear:none !important;
    box-sizing:border-box !important;
  }
}

body.single-product div.product.tg-pdp-integrated
.tg-pdp-left-column .woocommerce-tabs {
  display:block !important;
  float:none !important;
  clear:none !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
}

body.single-product div.product.tg-pdp-integrated
.tg-pdp-left-column .woocommerce-tabs ul.tabs {
  display:none !important;
}

body.single-product div.product.tg-pdp-integrated
.tg-pdp-left-column #tab-description {
  display:block !important;
  visibility:visible !important;
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  margin:0 !important;
  padding:clamp(20px,2.4vw,30px) !important;
}

/* Brand signature */
body.single-product div.product.tg-pdp-integrated
.tg-pdp-left-column #tab-description::before {
  content:"THEGROWNS / PRODUCT DETAILS";
  display:block;
  margin:0 0 18px;
  font-size:10px;
  line-height:1.5;
  font-weight:800;
  letter-spacing:.16em;
  color:#727989;
}

/* Consistent information rhythm */
body.single-product div.product.tg-pdp-integrated
.tg-pdp-left-column #tab-description h1,
body.single-product div.product.tg-pdp-integrated
.tg-pdp-left-column #tab-description h2 {
  line-height:1.25;
}

body.single-product div.product.tg-pdp-integrated
.tg-pdp-left-column #tab-description p,
body.single-product div.product.tg-pdp-integrated
.tg-pdp-left-column #tab-description li {
  line-height:1.7;
}

/* Related products always starts beneath both columns */
body.single-product div.product.tg-pdp-integrated
.related.products {
  clear:both !important;
  padding-top:28px;
}

/* Mobile: gallery, purchase panel, description */
@media(max-width:767px) {
  body.single-product div.product.tg-pdp-integrated
  .tg-pdp-left-column {
    display:contents;
  }

  body.single-product div.product.tg-pdp-integrated {
    display:flex;
    flex-direction:column;
  }

  body.single-product div.product.tg-pdp-integrated
  .woocommerce-product-gallery {
    order:1;
    width:100% !important;
    max-width:100% !important;
  }

  body.single-product div.product.tg-pdp-integrated
  .summary.entry-summary {
    order:2;
    width:100% !important;
    max-width:100% !important;
  }

  body.single-product div.product.tg-pdp-integrated
  .woocommerce-tabs {
    order:3;
    width:100% !important;
    max-width:100% !important;
    margin:0 0 22px !important;
  }

  body.single-product div.product.tg-pdp-integrated
  .related.products {
    order:4;
  }
}

/* TG_PDP_LAYOUT_FIX03_START */

/* Keep the original Description visible after relocation */
body.single-product div.product.tg-pdp-integrated
.tg-pdp-relocated-description {
  display:block !important;
  width:100% !important;
  clear:both !important;
  margin-top:18px !important;
}

body.single-product div.product.tg-pdp-integrated
.tg-pdp-relocated-description #tab-description {
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  box-sizing:border-box !important;
}

/* Maintain the premium description card */
body.single-product div.product.tg-pdp-integrated
.tg-pdp-relocated-description #tab-description {
  border:1px solid rgba(31,38,54,.09);
  border-radius:20px;
  padding:clamp(20px,2.4vw,30px) !important;
  background:#fff;
  box-shadow:0 12px 38px rgba(20,25,38,.035);
}

/* Add a subtle brand signature */
body.single-product div.product.tg-pdp-integrated
.tg-pdp-relocated-description #tab-description::before {
  content:"THEGROWNS / PRODUCT DETAILS";
  display:block;
  margin-bottom:18px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.16em;
  color:#727989;
}

/* Mobile: gallery, purchase panel, description */
@media(max-width:767px) {
  body.single-product div.product.tg-pdp-integrated
  .tg-pdp-left-column {
    display:contents !important;
  }

  body.single-product div.product.tg-pdp-integrated
  .tg-pdp-relocated-description {
    order:3 !important;
    width:100% !important;
    margin-top:0 !important;
    margin-bottom:22px !important;
  }

  body.single-product div.product.tg-pdp-integrated
  .woocommerce-tabs {
    order:4 !important;
  }

  body.single-product div.product.tg-pdp-integrated
  .related.products {
    order:5 !important;
  }
}

/* TG_PDP_LAYOUT_FIX03_END */


/* TG_PDP_PHASE4_START */

/* 01 — Align the two primary columns */
@media (min-width:768px) {
  body.single-product div.product.tg-pdp-integrated
  .tg-pdp-left-column,
  body.single-product div.product.tg-pdp-integrated
  .summary.entry-summary {
    margin-top:0 !important;
  }

  body.single-product div.product.tg-pdp-integrated
  .tg-pdp-left-column {
    padding-top:0 !important;
  }

  body.single-product div.product.tg-pdp-integrated
  .tg-pdp-left-column > .woocommerce-product-gallery {
    margin-top:0 !important;
  }
}

/* 02 — Compact premium description card */
body.single-product div.product.tg-pdp-integrated
.tg-pdp-relocated-description #tab-description {
  padding:24px 28px !important;
  border-radius:20px !important;
}

/* Remove the generic signature; JS inserts the official logo */
body.single-product div.product.tg-pdp-integrated
.tg-pdp-relocated-description #tab-description::before {
  content:none !important;
  display:none !important;
}

body.single-product .tg-pdp-details-brand {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:0 0 18px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(25,30,45,.09);
}

body.single-product .tg-pdp-details-logo {
  display:block;
  width:auto;
  max-width:145px;
  max-height:47px;
  object-fit:contain;
  object-position:left center;
}

body.single-product .tg-pdp-details-eyebrow {
  font-size:9px;
  font-weight:800;
  letter-spacing:.13em;
  color:#737987;
  text-align:right;
}

/* Hide only the redundant Description title inside the card */
body.single-product .tg-pdp-relocated-description
.tg-pdp-hidden-duplicate {
  display:none !important;
}

/* Description headings retain existing category gradients */
body.single-product div.product.tg-pdp-integrated
.tg-pdp-relocated-description #tab-description h1,
body.single-product div.product.tg-pdp-integrated
.tg-pdp-relocated-description #tab-description h2 {
  margin-top:18px !important;
  margin-bottom:9px !important;
  line-height:1.2 !important;
}

body.single-product div.product.tg-pdp-integrated
.tg-pdp-relocated-description #tab-description
p,
body.single-product div.product.tg-pdp-integrated
.tg-pdp-relocated-description #tab-description
li {
  line-height:1.55 !important;
  margin-bottom:5px;
}

body.single-product div.product.tg-pdp-integrated
.tg-pdp-relocated-description #tab-description
ul {
  margin-top:8px !important;
  margin-bottom:16px !important;
}

/* 03 — Remove duplicate collection signature */
body.single-product .summary.entry-summary
.product_title.tg-pdp-no-duplicate::before {
  display:none !important;
  content:none !important;
}

/* 04 — Premium variation selectors */
body.single-product div.product .summary.entry-summary
table.variations {
  border-spacing:0 9px !important;
}

body.single-product div.product .summary.entry-summary
table.variations label {
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:.09em !important;
}

body.single-product div.product .summary.entry-summary
table.variations select {
  width:100%;
  min-height:50px !important;
  border:1px solid #dce0e8 !important;
  border-radius:12px !important;
  padding:10px 14px !important;
  background-color:#fff !important;
  box-shadow:0 3px 12px rgba(24,30,44,.025);
  transition:border-color .2s,box-shadow .2s;
}

body.single-product div.product .summary.entry-summary
table.variations select:focus {
  border-color:#838b9c !important;
  box-shadow:0 0 0 3px rgba(100,110,140,.10);
}

/* Make enabled purchase button feel like the brand */
body.single-product div.product .summary.entry-summary
.single_add_to_cart_button:not(:disabled):not(.disabled) {
  min-height:54px !important;
  border-radius:12px !important;
  font-size:12px !important;
  font-weight:850 !important;
  letter-spacing:.12em !important;
}

/* Disabled button stays visually and functionally disabled */
body.single-product div.product .summary.entry-summary
.single_add_to_cart_button:disabled,
body.single-product div.product .summary.entry-summary
.single_add_to_cart_button.disabled {
  min-height:54px !important;
  border-radius:12px !important;
}

/* Mobile */
@media(max-width:767px) {
  body.single-product div.product.tg-pdp-integrated
  .tg-pdp-relocated-description #tab-description {
    padding:20px 18px !important;
  }

  body.single-product .tg-pdp-details-logo {
    max-width:120px;
    max-height:40px;
  }

  body.single-product .tg-pdp-details-eyebrow {
    font-size:8px;
  }
}

/* TG_PDP_PHASE4_END */