/* Ganjineh Pars v90 — approved Persepolis-inspired "Your Products" section.
   Visual scope only: #your-products. Form behavior remains untouched. */

#your-products.customer-products{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  padding:74px 0 82px!important;
  background:
    radial-gradient(circle at 50% -16%,rgba(204,155,67,.13),transparent 36%),
    linear-gradient(180deg,#090b0c 0%,#070909 100%)!important;
}

#your-products.customer-products::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  opacity:.28!important;
  background-image:
    linear-gradient(30deg,rgba(228,184,91,.06) 12%,transparent 12.5%,transparent 87%,rgba(228,184,91,.06) 87.5%),
    linear-gradient(150deg,rgba(228,184,91,.04) 12%,transparent 12.5%,transparent 87%,rgba(228,184,91,.04) 87.5%)!important;
  background-size:42px 72px!important;
}

#your-products > .container{
  width:min(1180px,calc(100% - 36px))!important;
}

#your-products .customer-products-box{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)!important;
  gap:26px!important;
  overflow:hidden!important;
  padding:86px 72px 48px!important;
  border:1px solid #9e7535!important;
  border-radius:24px!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.025),transparent 20%,transparent 80%,rgba(255,255,255,.025)),
    repeating-linear-gradient(0deg,rgba(255,255,255,.014) 0 1px,transparent 1px 5px),
    linear-gradient(145deg,#151717,#090b0c 66%,#101212)!important;
  box-shadow:inset 0 0 0 7px #0b0d0d,inset 0 0 0 8px rgba(213,164,73,.22),0 28px 60px rgba(0,0,0,.42)!important;
}

/* Achaemenid lintel */
#your-products .customer-products-box::before{
  content:"✦  گنجینه پارس  ✦"!important;
  position:absolute!important;
  top:18px!important;
  right:54px!important;
  left:54px!important;
  z-index:3!important;
  display:flex!important;
  height:44px!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(216,167,76,.72)!important;
  border-radius:5px 5px 13px 13px!important;
  background:linear-gradient(180deg,#262522,#101212)!important;
  color:#ddb15c!important;
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:.5px!important;
  box-shadow:inset 0 0 0 3px #0b0d0d,0 5px 12px rgba(0,0,0,.32)!important;
}

/* Stone column rails */
#your-products .customer-products-box::after{
  content:""!important;
  position:absolute!important;
  inset:68px 15px 20px!important;
  z-index:0!important;
  pointer-events:none!important;
  border-right:23px solid transparent!important;
  border-left:23px solid transparent!important;
  border-image:repeating-linear-gradient(90deg,#342f28 0 3px,#151717 3px 7px,#6e5430 7px 8px,#151717 8px 12px) 1!important;
  filter:drop-shadow(0 0 0 rgba(0,0,0,0))!important;
  opacity:.82!important;
}

#your-products .customer-products-copy,
#your-products .customer-products-form{
  position:relative!important;
  z-index:2!important;
  min-width:0!important;
}

#your-products .customer-products-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:28px 16px!important;
  text-align:center!important;
}

#your-products .customer-products-copy .eyebrow{
  display:inline-flex!important;
  align-self:center!important;
  min-height:36px!important;
  align-items:center!important;
  margin:0!important;
  padding:7px 17px!important;
  border:1px solid rgba(219,171,78,.72)!important;
  border-radius:7px 7px 15px 15px!important;
  background:#111414!important;
  color:#deb461!important;
  -webkit-text-fill-color:#deb461!important;
  box-shadow:inset 0 0 0 3px #090b0c!important;
}

#your-products .customer-products-copy .eyebrow .dot{
  background:#d9a64b!important;
  box-shadow:0 0 0 4px rgba(217,166,75,.12)!important;
}

#your-products .customer-products-copy h2{
  position:relative!important;
  margin:22px 0 24px!important;
  padding-bottom:19px!important;
  color:#f5e7cc!important;
  -webkit-text-fill-color:#f5e7cc!important;
  font-size:40px!important;
  line-height:1.35!important;
  text-shadow:0 3px 10px rgba(0,0,0,.55)!important;
}

#your-products .customer-products-copy h2::after{
  content:"✦"!important;
  position:absolute!important;
  right:18%!important;
  bottom:0!important;
  left:18%!important;
  overflow:hidden!important;
  border-top:1px solid rgba(215,166,71,.6)!important;
  color:#ddb15a!important;
  font-size:10px!important;
  line-height:1px!important;
}

#your-products .customer-products-copy > p{
  margin:0 0 22px!important;
  color:#c0b7a8!important;
  -webkit-text-fill-color:#c0b7a8!important;
  font-size:13px!important;
  line-height:2!important;
}

#your-products .customer-products-note{
  display:flex!important;
  gap:10px!important;
  align-items:flex-start!important;
  padding:15px 16px!important;
  border:1px solid rgba(213,164,73,.64)!important;
  border-radius:8px!important;
  background:linear-gradient(145deg,#171a1a,#0b0e0f)!important;
  color:#d5ad60!important;
  -webkit-text-fill-color:#d5ad60!important;
  font-size:11px!important;
  line-height:1.9!important;
  text-align:right!important;
  box-shadow:inset 0 0 0 3px #090b0c!important;
}

#your-products .customer-products-note b{
  color:#f5e7cc!important;
  -webkit-text-fill-color:#f5e7cc!important;
}

#your-products form.customer-products-form{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
  padding:24px!important;
  border:1px solid rgba(208,158,67,.66)!important;
  border-radius:14px 14px 24px 24px!important;
  background:linear-gradient(155deg,rgba(26,29,29,.96),rgba(8,11,12,.98))!important;
  box-shadow:inset 0 0 0 5px #090b0c,inset 0 0 0 6px rgba(216,166,73,.15),0 16px 32px rgba(0,0,0,.3)!important;
}

#your-products .customer-products-form .cp-field{
  gap:6px!important;
}

#your-products .customer-products-form label{
  color:#ead7b2!important;
  -webkit-text-fill-color:#ead7b2!important;
  font-size:11px!important;
  font-weight:900!important;
}

#your-products .customer-products-form input,
#your-products .customer-products-form select,
#your-products .customer-products-form textarea{
  border:1px solid rgba(202,150,58,.66)!important;
  border-radius:7px!important;
  background:linear-gradient(145deg,#151819,#0d1011)!important;
  color:#f4e7ce!important;
  -webkit-text-fill-color:#f4e7ce!important;
  caret-color:#e0af52!important;
  box-shadow:inset 0 1px 8px rgba(0,0,0,.35)!important;
}

#your-products .customer-products-form input::placeholder,
#your-products .customer-products-form textarea::placeholder{
  color:#77766f!important;
  -webkit-text-fill-color:#77766f!important;
  opacity:1!important;
}

#your-products .customer-products-form select option{
  background:#111414!important;
  color:#f4e7ce!important;
}

#your-products .customer-products-form input:focus,
#your-products .customer-products-form select:focus,
#your-products .customer-products-form textarea:focus{
  border-color:#e0ad4d!important;
  box-shadow:0 0 0 3px rgba(214,162,69,.13),inset 0 1px 8px rgba(0,0,0,.35)!important;
}

#your-products button.customer-products-submit{
  min-height:52px!important;
  border:1px solid #efca76!important;
  border-radius:7px!important;
  background:linear-gradient(135deg,#efca74 0%,#bd8127 100%)!important;
  color:#17120a!important;
  -webkit-text-fill-color:#17120a!important;
  font-size:13px!important;
  font-weight:950!important;
  box-shadow:inset 0 0 0 3px rgba(91,54,13,.2),0 10px 22px rgba(0,0,0,.28)!important;
}

#your-products .customer-products-hint{
  color:#958f84!important;
  -webkit-text-fill-color:#958f84!important;
  font-size:10px!important;
}

#your-products .customer-products-result{
  grid-column:1/-1!important;
  color:#efc569!important;
  -webkit-text-fill-color:#efc569!important;
}

@media(max-width:800px){
  #your-products.customer-products{
    padding:48px 0 58px!important;
  }

  #your-products > .container{
    width:calc(100% - 20px)!important;
  }

  #your-products .customer-products-box{
    grid-template-columns:1fr!important;
    gap:18px!important;
    padding:70px 27px 30px!important;
    border-radius:20px!important;
  }

  #your-products .customer-products-box::before{
    top:14px!important;
    right:28px!important;
    left:28px!important;
    height:38px!important;
    font-size:11px!important;
  }

  #your-products .customer-products-box::after{
    inset:57px 9px 15px!important;
    border-right-width:11px!important;
    border-left-width:11px!important;
  }

  #your-products .customer-products-copy{
    padding:15px 4px 0!important;
  }

  #your-products .customer-products-copy h2{
    margin:16px 0 17px!important;
    padding-bottom:15px!important;
    font-size:29px!important;
  }

  #your-products .customer-products-copy > p{
    margin-bottom:15px!important;
    font-size:11px!important;
    line-height:1.9!important;
  }

  #your-products form.customer-products-form{
    grid-template-columns:1fr!important;
    gap:11px!important;
    padding:18px!important;
    border-radius:12px 12px 19px 19px!important;
  }

  #your-products .customer-products-form .cp-field.full,
  #your-products button.customer-products-submit,
  #your-products .customer-products-hint,
  #your-products .customer-products-result{
    grid-column:1!important;
  }
}

@media(max-width:390px){
  #your-products .customer-products-box{
    padding-right:23px!important;
    padding-left:23px!important;
  }

  #your-products .customer-products-copy .eyebrow{
    font-size:10px!important;
  }

  #your-products .customer-products-note{
    padding:12px!important;
    font-size:10px!important;
  }

  #your-products form.customer-products-form{
    padding:15px!important;
  }
}