/* Dark Product Page v4 - Pixel Perfect Replica */
.dpp-wrapper,.dpp-wrapper *,.dpp-wrapper *::before,.dpp-wrapper *::after{box-sizing:border-box!important;margin:0!important;padding:0!important}
.dpp-wrapper{font-family:'Cairo',sans-serif!important;background:#0a0a0a!important;color:#fff!important;direction:rtl!important;text-align:right!important;line-height:1.5!important;-webkit-font-smoothing:antialiased!important;overflow-x:hidden!important;width:100%!important;max-width:100%!important}
.dpp-wrapper a{text-decoration:none!important;color:inherit!important;box-shadow:none!important}
.dpp-wrapper img{max-width:100%!important;height:auto!important;display:block!important;border:none!important;border-radius:0!important}
.dpp-wrapper .dp-btn1,.dpp-wrapper .dp-btn2{font-family:inherit!important;cursor:pointer!important;border:none!important}
.dpp-wrapper input{font-family:inherit!important;box-shadow:none!important;outline:none!important;-webkit-appearance:none!important;appearance:none!important}
.dpp-wrapper svg{display:inline-block!important;vertical-align:middle!important}
.dpp-wrap{max-width:480px!important;margin:0 auto!important;padding:0!important}

/* HERO */
.dp-hero{position:relative;background:#000;overflow:hidden;width:100%}
.dp-hero-img{width:100%!important;height:auto!important;aspect-ratio:4/5!important;object-fit:cover!important;display:block!important}
.dp-disc{position:absolute;top:16px;left:16px;background:#e63946;color:#fff;font-size:14px;font-weight:800;padding:6px 14px;border-radius:20px;z-index:10}

/* SLIDER */
.dp-slider{position:relative;width:100%;overflow:hidden}
.dp-slide{display:none;width:100%}
.dp-slide.active{display:block}
.dp-slider-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.6);color:#fff;border:none;width:44px;height:44px;border-radius:50%;font-size:28px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all 0.3s;line-height:1}
.dp-slider-nav:hover{background:rgba(0,0,0,0.8)}
.dp-prev{left:12px}
.dp-next{right:12px}

/* THUMBNAILS */
.dp-thumbnails{display:flex;justify-content:center;gap:8px;padding:12px 8px;position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,0.7) 0%,transparent 100%);z-index:5}
.dp-thumb{width:56px;height:56px;border-radius:8px;overflow:hidden;cursor:pointer;border:3px solid rgba(255,255,255,0.4);transition:all 0.3s;flex-shrink:0}
.dp-thumb.active{border-color:#ffc107;box-shadow:0 0 0 2px #ffc107}
.dp-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}

/* INFO CARD */
.dp-card{background:#fff!important;border-radius:24px 24px 0 0!important;margin-top:-20px!important;position:relative!important;z-index:1!important;padding:20px!important}
.dp-card-top{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:12px!important}
.dp-best{background:#ffc107!important;color:#000!important;font-size:13px!important;font-weight:700!important;padding:6px 16px!important;border-radius:20px!important}
.dp-sku{font-size:12px!important;color:#757575!important}
.dp-title{font-size:22px!important;font-weight:800!important;color:#000!important;text-align:center!important;margin:0 0 12px!important;line-height:1.4!important}

/* RATING */
.dp-rate{display:flex!important;align-items:center!important;gap:8px!important;margin-bottom:16px!important;justify-content:center!important}
.dp-stars{display:flex!important;gap:2px!important}
.dp-stars svg{width:18px!important;height:18px!important}
.dp-rate-txt{font-size:13px!important;color:#757575!important}

/* PRICE */
.dp-price-box{margin-bottom:16px!important}
.dp-price-row{display:flex!important;align-items:center!important;gap:10px!important;margin-bottom:4px!important;flex-wrap:wrap!important}
.dp-old{font-size:16px!important;color:#9e9e9e!important;text-decoration:line-through!important}
.dp-save{background:#ffebee!important;color:#d32f2f!important;font-size:12px!important;font-weight:700!important;padding:4px 12px!important;border-radius:16px!important}
.dp-now{font-size:30px!important;font-weight:900!important;color:#000!important;margin-bottom:4px!important}
.dp-tax{font-size:12px!important;color:#757575!important;margin-bottom:16px!important}

/* DELIVERY BTN */
.dp-del-btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;background:#ffc107!important;color:#000!important;font-size:14px!important;font-weight:700!important;padding:14px 20px!important;border-radius:12px!important;width:100%!important;text-align:center!important;line-height:1.5!important}
.dp-del-btn svg{width:20px!important;height:20px!important;flex-shrink:0!important;fill:#000!important}

/* TRUST */
.dp-trust{background:#fff!important;padding:16px 20px!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important;border-bottom:1px solid #eee!important}
.dp-t-i{text-align:center!important}
.dp-t-ico{width:32px!important;height:32px!important;margin:0 auto 6px!important}
.dp-t-ico svg{width:100%!important;height:100%!important}
.dp-t-t{font-size:11px!important;font-weight:700!important;color:#222!important;margin-bottom:2px!important}
.dp-t-d{font-size:10px!important;color:#757575!important}

/* COUNTDOWN */
.dp-cd-sec{background:#1a1a2e!important;padding:20px!important}
.dp-cd-head{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin-bottom:16px!important}
.dp-cd-clock{width:20px!important;height:20px!important;color:#ffc107!important;flex-shrink:0!important}
.dp-cd-clock svg{fill:#ffc107!important}
.dp-cd-t1{font-size:15px!important;font-weight:700!important;color:#fff!important}
.dp-cd-t2{font-size:13px!important;color:#9e9e9e!important}
.dp-cd-row{display:flex!important;justify-content:center!important;gap:20px!important}
.dp-cd-item{display:flex!important;flex-direction:column!important;align-items:center!important;gap:6px!important}
.dp-cd-ring{position:relative!important;width:72px!important;height:72px!important;background:#111!important;border-radius:50%!important}
.dp-cd-ring svg{width:100%!important;height:100%!important;transform:rotate(-90deg)!important;position:absolute!important;top:0!important;left:0!important}
.dp-cd-bg{fill:none!important;stroke:#222!important;stroke-width:4!important}
.dp-cd-fg{fill:none!important;stroke:#ffc107!important;stroke-width:4!important;stroke-linecap:round!important;stroke-dasharray:283!important;transition:stroke-dashoffset 1s!important}
.dp-cd-num{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;font-size:24px!important;font-weight:900!important;color:#fff!important;z-index:1!important}
.dp-cd-lbl{font-size:12px!important;color:#9e9e9e!important}

/* ORDER FORM */
.dp-order{background:#fff!important;padding:24px 20px!important}
.dp-order-h{font-size:20px!important;font-weight:800!important;color:#000!important;text-align:center!important;margin:0 0 4px!important}
.dp-order-bar{display:block!important;width:40px!important;height:3px!important;background:#ffc107!important;border-radius:2px!important;margin:6px auto 20px!important}
.dp-form{display:flex!important;flex-direction:column!important;gap:12px!important}
.dp-fld{position:relative!important}
.dp-fld-ico{position:absolute!important;right:14px!important;top:50%!important;transform:translateY(-50%)!important;width:18px!important;height:18px!important;color:#9e9e9e!important;pointer-events:none!important;z-index:1!important}
.dp-fld-ico svg{width:100%!important;height:100%!important;fill:#9e9e9e!important}
.dp-fld input{width:100%!important;padding:14px 44px 14px 14px!important;border:1.5px solid #e0e0e0!important;border-radius:10px!important;background:#fff!important;color:#333!important;font-size:14px!important;direction:rtl!important;text-align:right!important}
.dp-fld input:focus{border-color:#ffc107!important}
.dp-fld input::placeholder{color:#9e9e9e!important}

/* BUTTONS */
.dp-btn1{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;padding:15px!important;border-radius:12px!important;font-size:15px!important;font-weight:700!important;font-family:'Cairo',sans-serif!important;background:#ffc107!important;color:#fff!important;border:none!important;cursor:pointer!important}
.dp-btn1 svg{width:20px!important;height:20px!important;fill:#fff!important}
.dp-btn2{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;padding:15px!important;border-radius:12px!important;font-size:15px!important;font-weight:700!important;font-family:'Cairo',sans-serif!important;background:#1a1a2e!important;color:#fff!important;border:none!important;cursor:pointer!important;text-decoration:none!important}
.dp-btn2 svg{width:20px!important;height:20px!important;fill:#fff!important}

/* DESCRIPTION */
.dp-desc-sec{background:#fff!important;padding:24px 20px!important;border-top:1px solid #eee!important}
.dp-desc-h{font-size:18px!important;font-weight:700!important;color:#000!important;text-align:center!important;margin:0 0 4px!important}
.dp-desc-bar{display:block!important;width:40px!important;height:3px!important;background:#ffc107!important;border-radius:2px!important;margin:6px auto 16px!important}
.dp-desc-txt{font-size:14px!important;color:#424242!important;line-height:1.8!important;margin-bottom:20px!important;text-align:justify!important}
.dp-feat-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important}
.dp-feat-i{display:flex!important;align-items:flex-start!important;gap:10px!important}
.dp-feat-ico{width:32px!important;height:32px!important;flex-shrink:0!important;background:#fff8e1!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.dp-feat-ico svg{width:18px!important;height:18px!important;fill:#ff9800!important}
.dp-feat-txt{font-size:13px!important;color:#333!important;line-height:1.5!important;font-weight:600!important}

/* SOCIAL */
.dp-social{background:#fff8e1!important;padding:24px 20px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important}
.dp-soc-txt{text-align:right!important}
.dp-soc-t{font-size:15px!important;font-weight:700!important;color:#000!important;margin-bottom:4px!important}
.dp-soc-d{font-size:13px!important;color:#757575!important}
.dp-soc-avs{display:flex!important;align-items:center!important}
.dp-soc-av{width:36px!important;height:36px!important;border-radius:50%!important;background:#e0e0e0!important;border:2px solid #fff!important;margin-right:-8px!important;overflow:hidden!important}
.dp-soc-av img{width:100%!important;height:100%!important;object-fit:cover!important}
.dp-soc-chk{width:36px!important;height:36px!important;border-radius:50%!important;background:#2ecc71!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-right:-8px!important}
.dp-soc-chk svg{width:18px!important;height:18px!important;fill:#fff!important}

/* DESKTOP */
@media(min-width:769px){
.dp-wrap{max-width:1080px!important}
.dp-card{border-radius:24px!important;margin-top:0!important;padding:24px!important}
.dp-title{font-size:24px!important}
.dp-now{font-size:32px!important}
.dp-trust{gap:16px!important;padding:20px!important}
.dp-t-ico{width:36px!important;height:36px!important}
.dp-t-t{font-size:13px!important}
.dp-t-d{font-size:11px!important}
.dp-cd-ring{width:80px!important;height:80px!important}
.dp-cd-num{font-size:28px!important}
.dp-order{padding:32px!important}
.dp-form{max-width:480px!important;margin:0 auto!important}
.dp-feat-grid{gap:20px!important}
}