*{box-sizing:border-box}
:root{--green:#39ad0b;--orange:#f47700;--ink:#18353a;--page:#f4f4f4}
html{scroll-behavior:smooth}
body{margin:0;background:var(--page);font-family:Arial,Helvetica,sans-serif;color:#111}
img,video{max-width:100%;display:block}
.green{color:var(--green)}
.top-product{width:min(100%,745px);margin:0 auto;text-align:center}
.hero-image{width:100%;height:auto;object-fit:contain}
.price-line{display:flex;flex-direction:column;gap:4px;margin:3px 0 15px;font-weight:700}
.old-price{font-size:60px}.new-price{font-size:60px;color:var(--green)}
.quick-form{display:flex;align-items:end;gap:16px;padding:40px;background:#fff;box-shadow:0 2px 6px #0002;border-radius:5px;margin:0 5px 8px}
.quick-form label{min-width:0;flex:1;text-align:left;font-size:12px;color:#555; margin-bottom: 0}
.quick-form input{display:block;width:100%;border:0;border-bottom:1px solid #aaa;padding:4px 0;outline:0;font-size:12px}
button{border:0;cursor:pointer;background:var(--green);color:#fff;font-weight:700}
.quick-form button{font-size:14px;border-radius:35px;padding:8px 9px;white-space:nowrap;max-width: 240px !important;    padding: 19px 24px; font-size: 16px !important;}
.top-product h2{font-size:60px;margin:8px 0 0}
/*.video-frame{width:190px;height:177px;margin:2px auto 0;background:#000;display:flex;align-items:center}
.video-frame video{width:100%;height:100%;object-fit:contain;background:#000}*/
.long-image{width:100%;height:auto;margin-top:0}
.reviews-section{max-width:980px;margin:0 auto;padding:0 12px}
.gift-banner{width:min(100%,720px);margin:0 auto}
.reviews-title{text-align:center;font-size:36px;font-weight:400;margin:12px 0 10px}
.reviews{max-width:776px;margin:0 auto}
.review{background:#fff;padding:10px 13px;margin:5px 0;font-size:11px;line-height:1.4}
.review p{margin:1px 0}
.review-head{display:flex;align-items:flex-start;gap:8px;margin-bottom:27px;position:relative}
.review-head small{display:block;color:#999;font-size:9px;margin-top:3px}
.avatar{width:27px;height:27px;border-radius:50%;background:#eee;position:relative;flex-shrink:0}
.avatar:before{content:"";position:absolute;top:5px;left:9px;width:9px;height:9px;background:#d4d4dc;border-radius:50%}
.avatar:after{content:"";position:absolute;bottom:4px;left:5px;width:17px;height:8px;background:#d4d4dc;border-radius:10px 10px 6px 6px}
.stars{margin-left:auto;color:#f5a35d;letter-spacing:1px;font-size:18px;line-height:1}
.customer-videos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1145px;margin:20px auto 42px;padding:0 0}
/*.video-card{height:352px;background:#000}*/
.video-card video{width:100%;height:100%;object-fit:contain;background:#000}
.order-steps{position:relative;padding:35px 20px 30px;text-align:center;background:#f5f5f5}
.order-steps h2{font-size:36px;margin:0 0 42px}
.safe-stamp{position:absolute;width:145px;right:23%;top:-10px}
.steps{max-width:1180px;margin:auto;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.step{flex:1;display:flex;flex-direction:column;align-items:center;gap:12px;font-size:15px;line-height:1.45}
.step-icon{height:76px;font-size:45px;font-weight:400;line-height:1.4}
.step-icon sup{font-size:20px}
.step span:not(.step-icon){font-weight:400}
.arrow{font-size:34px;padding-top:13px}
.final-order{min-height:550px;padding:75px max(5%,calc((100% - 1120px)/2));display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;background:linear-gradient(#0009,#0009),url("images/order-background.webp");background-repeat: no-repeat;
    background-size: cover;color:white; background-position: 67% 74%;}
.final-copy{text-align:center}
.final-copy h2{font-size:36px;line-height:1.2;margin:0 0 22px}
.final-copy p{font-weight:bold}
.countdown{font-size:clamp(40px,5vw,72px);white-space:nowrap;margin-top:25px}
.final-copy small{color:var(--green)}
.order-form{background:#fff;color:#111;padding:35px 36px;max-width:500px;width:100%;margin:auto}
.order-form h3{text-align:center;font-size:20px;line-height:1.25;margin:0 0 28px}
.order-form label{display:block;font-size:14px;margin:0 0 18px}
.order-form input{display:block;width:100%;padding:12px 0 10px;border:0;border-bottom:1px solid #111;outline:0;font-size:15px;background:transparent}
.order-form button{width:100%;padding:14px;font-size:14px; 
    border: 0;
    cursor: pointer;
    background: #39ad0b;
    color: #fff;
    font-weight: 700;
}
.quick-form button{
  border: 0;
    cursor: pointer;
    background: #39ad0b;
    color: #fff;
    font-weight: 700;
}
.form-note{font-size:12px;color:var(--green);margin-bottom:0}
@media(max-width:700px){
 .top-product{width:min(100%,390px)}
 .reviews-section{padding:0 8px}
 .reviews-title{font-size:27px}
 .customer-videos{gap:8px;padding:0 8px;margin:15px auto 30px}
 .video-card{height:clamp(150px,40vw,260px)}
 .order-steps{padding:30px 12px}
 .order-steps h2{font-size:29px;margin-bottom:28px}
 .safe-stamp{width:75px;right:5%;top:-30px}
 .steps{display:grid;grid-template-columns:1fr 24px 1fr;gap:18px 6px}
 .step{font-size:12px}
 .step-icon{height:54px;font-size:35px}
 .arrow{font-size:25px;padding-top:5px}
 .steps .step:nth-of-type(4){grid-column:3}
 .final-order{padding:45px 16px;grid-template-columns:1fr;gap:28px}
 .final-copy h2{font-size:29px}
 .countdown{font-size:48px}
 .order-form{padding:28px 22px}
 .order-form h3{font-size:18px}
}
@media(max-width:760px){
	.steps .arrow{display: none;}
	.steps{flex-direction: column !important; margin: auto; justify-content: center;align-items: center; max-width: 480px; display: flex !important;;}.step-icon img{width: 50px !important;height: 50px !important;}
	.safe-stamp{top: 69px; width: 95px}
	.quick-form{
	flex-direction: column;
}.quick-form button,.quick-form label{ padding: 0px;
	width: 100%;
}.quick-form button{
	font-size: 16px !important;max-width: 240px !important;    padding: 19px 24px; font-size: 16px !important; margin: auto;
}.quick-form input{
	padding: 0px; font-size: 16px; margin-bottom: 10px;
}.quick-form{
	padding: 15px  !important;;
}
.quick-form{max-width: 480px !important}.quick-form .form-control{width: 100%;}
}
@media(max-width:480px){

.new-price,.old-price,
.top-product h2{
	font-size: 40px;
}
.customer-videos{
	display: block !important;;;
}.video-card{height: auto; margin: 10px auto}


}
footer{background-color: #000; color: #fff}
@media(max-width:380px){
 .quick-form{gap:4px;padding:8px}
 .quick-form button{max-width: 240px !important;    padding: 19px 24px; font-size: 16px !important; }
 .reviews-title{font-size:24px}
 .review{font-size:10px}
 .customer-videos{gap:5px}
 .steps{grid-template-columns:1fr}
 .arrow{display:none}
 .step{padding:5px 15px}
 .steps .step:nth-of-type(4){grid-column:auto}
 .countdown{font-size:39px}
}
 body {
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      background-color: #f5f5f7;
      color: #111111;
    }

    /* Slick Container Customizations */
    .product-card {
      background: #e5e7eb;
      border-radius: 4px;
      overflow: hidden;
      position: relative;
    }

    .slick-slider, .slick-list, .slick-track {
      height: 100%;
    }

    .card-slider .slide-item {
      outline: none;
      position: relative;
    }

    .card-slider img {
      width: 100%;
      height: auto;
      aspect-ratio: 3 / 4;
      object-fit: cover;
      object-position: top center;
      display: block;
    }

    /* Custom Round Black Slick Navigation Arrows */
    .slick-prev, .slick-next {
      width: 38px !important;
      height: 38px !important;
      background-color: #000000 !important;
      border-radius: 50% !important;
      z-index: 20 !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      transition: all 0.2s ease-in-out !important;
      opacity: 0.9;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    }

    .slick-prev:hover, .slick-next:hover,
    .slick-prev:focus, .slick-next:focus {
      background-color: #000000 !important;
      opacity: 1;
      /*transform: scale(1.08);*/
    }

    .slick-prev {
      left: 12px !important;
    }

    .slick-next {
      right: 12px !important;
    }

    /* Hide default font icons from Slick theme */
    .slick-prev:before, .slick-next:before {
      display: none !important;
    }

    .slick-arrow i {
      color: #ffffff;
      font-size: 14px;
      line-height: 1;
    }

    /* Custom Slick Pagination Dots */
    .slick-dots {
      bottom: 12px !important;
      z-index: 20 !important;
    }

    .slick-dots li {
      margin: 0 3px !important;
      width: 8px !important;
      height: 8px !important;
    }

    .slick-dots li button {
      width: 8px !important;
      height: 8px !important;
      padding: 0 !important;
    }

    .slick-dots li button:before {
      font-size: 8px !important;
      color: #000000 !important;
      opacity: 0.25 !important;
      width: 8px !important;
      height: 8px !important;
      line-height: 8px !important;
    }

    .slick-dots li.slick-active button:before {
      opacity: 0.9 !important;
      color: #000000 !important;
    }


     .form-control{
      width: 100%; height: 45px; margin: 10px auto; border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid #000;
      
    }