/* =========================
   GP Woo Single Product Refresh (Creative UX)
   Scope: .gpwoospr
========================= */

.gpwoospr{
  --max: 1220px;
  --gap: 28px;
  --r-lg: 22px;
  --r-md: 16px;
  --b: rgba(15, 15, 15, .10);
  --b2: rgba(15, 15, 15, .14);
  --shadow: 0 18px 50px rgba(0,0,0,.10);
  --shadow2: 0 10px 28px rgba(0,0,0,.08);
  --text: rgba(15, 15, 15, .92);
  --muted: rgba(15, 15, 15, .64);
  --muted2: rgba(15, 15, 15, .50);
  --bg: #fff;
  --soft: rgba(0,0,0,.03);
  --soft2: rgba(0,0,0,.06);
  --accent: #111; /* لو عندك لون براند، بدّله هنا */
}

.gpwoospr__container{
  width: min(var(--max), calc(100% - 48px));
  margin-inline: auto;
  padding: 28px 0 64px;
}

/* --- HERO GRID --- */
.gpwoospr__hero{ margin-top: 10px; }

.gpwoospr__grid{
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: var(--gap);
  align-items: start;
}

/* Creative “card” with subtle border glow */
.gpwoospr__col{
  background: var(--bg);
  border: 1px solid var(--b);
  border-radius: var(--r-lg);
  box-shadow: var(--shadow);
  padding: 18px;
  position: relative;
  overflow: hidden;
}

.gpwoospr__col::before{
  content:"";
  position:absolute;
  inset: -2px;
  border-radius: inherit;
  background: radial-gradient(800px 200px at 20% 0%, rgba(0,0,0,.06), transparent 55%),
              radial-gradient(700px 260px at 80% 10%, rgba(0,0,0,.05), transparent 55%);
  pointer-events:none;
}

.gpwoospr__col--gallery .woocommerce-product-gallery{
  margin: 0;
}

/* Make gallery feel premium */
.gpwoospr__col--gallery .woocommerce-product-gallery__wrapper{
  border-radius: var(--r-md);
  overflow: hidden;
  background: var(--soft);
}

.gpwoospr__col--gallery img{
  border-radius: var(--r-md);
}

/* Summary column should not float */
.gpwoospr__col--summary .summary{
  float: none !important;
  width: auto !important;
}

/* --- TYPOGRAPHY / SPACING --- */
.gpwoospr .product_title{
  margin: 0 0 10px;
  line-height: 1.1;
  letter-spacing: -.02em;
  color: var(--text);
}

.gpwoospr .woocommerce-product-rating{
  margin: 0 0 12px;
}

.gpwoospr .price{
  margin: 0 0 12px;
  font-size: 22px;
  color: var(--text);
}

.gpwoospr .woocommerce-product-details__short-description{
  color: var(--muted);
  margin: 0 0 14px;
}

/* --- Purchase box feel (qty + button) --- */
.gpwoospr form.cart{
  background: rgba(0,0,0,.025);
  border: 1px solid var(--b);
  border-radius: var(--r-md);
  padding: 14px;
  box-shadow: var(--shadow2);
}

.gpwoospr .quantity{
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.gpwoospr input.qty{
  width: 86px !important;
  border-radius: 12px !important;
  border: 1px solid var(--b2) !important;
  padding: 10px 12px !important;
  background: #fff !important;
}

.gpwoospr .single_add_to_cart_button,
.gpwoospr .button.alt{
  border-radius: 14px !important;
  padding: 14px 16px !important;
  font-weight: 700 !important;
  letter-spacing: .01em;
  transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}

.gpwoospr .single_add_to_cart_button:hover{
  transform: translateY(-1px);
  box-shadow: 0 16px 38px rgba(0,0,0,.14);
}

/* --- Trust Row (clean + icon-like bullets) --- */
.gpwoospr__trust{
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 10px;
  margin: 14px 0 10px;
}

.gpwoospr__trustItem{
  font-size: 13px;
  color: var(--muted);
  background: #fff;
  border: 1px solid var(--b);
  border-radius: 14px;
  padding: 10px 12px;
  display:flex;
  align-items:center;
  gap: 8px;
}
.gpwoospr__trustItem::before{
  content:"";
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: rgba(0,0,0,.55);
  display:inline-block;
}

/* --- Details + Recs sections --- */
.gpwoospr__details,
.gpwoospr__recs{
  margin-top: 22px;
  background: #fff;
  border: 1px solid var(--b);
  border-radius: var(--r-lg);
  box-shadow: var(--shadow);
  padding: 18px;
}

.gpwoospr__sectionHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.gpwoospr__h2{
  margin: 0;
  font-size: 18px;
  letter-spacing: -.01em;
}

/* --- Tabs (desktop) --- */
.gpwoospr .woocommerce-tabs ul.tabs{
  padding: 0 !important;
  margin: 0 0 12px !important;
  border: 0 !important;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.gpwoospr .woocommerce-tabs ul.tabs li{
  border: 1px solid var(--b) !important;
  border-radius: 999px !important;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
}

.gpwoospr .woocommerce-tabs ul.tabs li a{
  padding: 10px 14px !important;
  display: inline-block;
  color: var(--muted) !important;
  text-decoration: none !important;
  font-weight: 600;
}

.gpwoospr .woocommerce-tabs ul.tabs li.active{
  background: rgba(0,0,0,0.05) !important;
}
.gpwoospr .woocommerce-tabs ul.tabs li.active a{
  color: var(--text) !important;
}

.gpwoospr .woocommerce-tabs .panel{
  margin: 0 !important;
  padding: 14px !important;
  border: 1px solid var(--b);
  border-radius: var(--r-md);
  background: #fff;
}

/* --- Sticky Add to Cart (mobile + desktop) --- */
.gpwoospr__sticky{
  position: fixed;
  inset-inline: 0;
  bottom: 16px;
  display: none;
  justify-content: center;
  z-index: 9999;
  pointer-events: none;
}

.gpwoospr__sticky.is-visible{
  display: flex;
}

.gpwoospr__stickyInner{
  width: min(980px, calc(100% - 24px));
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(10px);
  border: 1px solid var(--b);
  border-radius: 999px;
  box-shadow: var(--shadow);
  padding: 10px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  pointer-events: auto;
}

.gpwoospr__stickyLeft{
  display:flex;
  align-items:center;
  gap: 10px;
  min-width: 0;
}

.gpwoospr__stickyImg{
  width: 44px !important;
  height: 44px !important;
  border-radius: 14px;
  object-fit: cover;
  box-shadow: 0 10px 26px rgba(0,0,0,.12);
}

.gpwoospr__stickyTitle{
  font-size: 13px;
  font-weight: 800;
  color: var(--text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 54vw;
}
.gpwoospr__stickyPrice{
  font-size: 12px;
  color: var(--muted);
}

.gpwoospr__stickyBtn{
  border: 1px solid rgba(0,0,0,.14);
  background: rgba(0,0,0,.90);
  color: #fff;
  border-radius: 999px;
  padding: 10px 14px;
  cursor: pointer;
  font-weight: 800;
  transition: transform .15s ease, opacity .15s ease;
}
.gpwoospr__stickyBtn:hover{ transform: translateY(-1px); }

/* --- Responsive --- */
@media (max-width: 980px){
  .gpwoospr__grid{ grid-template-columns: 1fr; }
  .gpwoospr__container{ width: min(var(--max), calc(100% - 28px)); }
  .gpwoospr__trust{ grid-template-columns: 1fr; }
}

/* Improve Woo notices inside cards */
.gpwoospr .woocommerce-notices-wrapper{
  margin-bottom: 14px;
}