/* Sales sections (#order, #order-final): ported from the Mindoxa TSL offer section (sec9).
   Same layout, colours, breakpoints, rotating best-value seal and pulsing button.
   Every rule is scoped to .sec9 so the rest of the presentation is unaffected.
   Font stacks match Mindoxa. Google Fonts rejects its Oswald 400..800 request (Oswald stops at 700),
   so prices, seals and buttons use the browser sans-serif there, and the same here. */
.sec9 {
  width:100%; display:flex; margin:56px 0; padding:60px 0 70px;
  background:#11398a; color:#fff;
  font-family:"Open Sans",sans-serif; font-weight:normal; font-size:16px; line-height:normal; list-style:none;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
.sec9 * { box-sizing:border-box; }
.sec9 p, .sec9 h2, .sec9 ul { padding:0; margin:0; }
.sec9 li { list-style:none; }
.sec9 a { text-decoration:none; }
.sec9 img { max-width:100%; }
.sec9 .container { width:1170px; height:auto; margin:0 auto; padding:0; }
.sec9 .pad1 { padding:0 70px; }
.sec9 .position { position:relative; }
.sec9 .white { color:#fff; }
.sec9 .sky { color:#acbee3; }

/* Offer pill, headline, sale status. */
.sec9 .s2txt1 { font-weight:bold; font-size:16px; line-height:24px; text-align:left; color:#fee37c; }
.sec9 .s2txt1 span { display:inline-block; padding:7px 14px; border-radius:30px; background:#204ba1; }
.sec9 .clock { margin:0 3px -2px 0; }
.sec9 .s2bx { display:flex; width:100%; align-items:center; justify-content:space-between; gap:20px; margin-top:20px; }
.sec9 .bdhding2 {
  font-family:Headline,sans-serif; font-weight:bold;
  font-size:48px; line-height:58px; text-align:center; margin-top:10px;
}
.sec9 .s2bxlft-hding { text-align:left; margin-top:0; }
.sec9 ul.s2bxlft-list { display:flex; flex-wrap:wrap; margin-top:14px; padding:0; }
.sec9 ul.s2bxlft-list li {
  position:relative; margin-right:13px; padding:6px 14px; border-radius:2px;
  background:#fff; color:#000; font-size:16px; line-height:22px; text-align:left;
}
.sec9 ul.s2bxlft-list li:nth-child(3) { margin-right:0; }
.sec9 ul.s2bxlft-list li:nth-child(1)::before {
  content:""; display:inline-block; vertical-align:middle; width:10px; height:10px;
  margin:0 10px 2px 0; border-radius:50%; background:rgb(17,177,66);
}
.sec9 ul.s2bxlft-list li:nth-child(2) span { font-weight:bold; color:#f00; }
.sec9 .stock { margin:0 0 0 5px; }
.sec9 .offer-countdown { position:relative; }
/* Package cards: Starter, Best Value (centre) and Most Popular. */
.sec9 .pkgcontainer { display:flex; justify-content:space-between; flex-wrap:wrap; align-items:flex-start; margin:120px 0 0; color:#000; }
.sec9 .pkg1, .sec9 .pkg2, .sec9 .pkg3 { position:relative; width:31.35%; cursor:pointer; transition:all ease .3s; }
.sec9 .pkg1 { order:2; width:33.30%; border:3px solid #fbc74a; background:#fffbeb; padding:14px 8px 48px; }
.sec9 .pkg2 { order:3; }
.sec9 .pkg3 { order:1; }
.sec9 .pkg2, .sec9 .pkg3 { margin-top:20px; border:2px solid #d9d9d9; background:#fff; padding:14px 8px 24px; }
.sec9 .bestvalue, .sec9 .mostpopular {
  position:absolute; left:-3px; top:-32px; width:140px; height:30px; padding:6px 0 0;
  border-radius:15px 15px 0 0; background:#fac64a; color:#000; text-align:center; text-transform:uppercase; letter-spacing:.5px;
  font-family:Headline,sans-serif; font-weight:bold; font-size:17px; line-height:24px;
}
.sec9 .mostpopular { left:-2px; background:#d9d9d9; }
.sec9 .pkg1-hding1 {
  color:#0d0d0d; text-align:center; text-transform:uppercase; letter-spacing:1px;
  font-family:Headline,sans-serif; font-weight:bold; font-size:44px; line-height:46px;
}
.sec9 .pkg1hd1mar { margin-top:12px; }
.sec9 .pkg1-hding2 {
  color:#0d0d0d; text-align:center; text-transform:uppercase; letter-spacing:3px;
  font-family:Headline,sans-serif; font-size:18px; line-height:22px;
}
.sec9 .pkg1hd2mar { margin-top:8px; }
.sec9 .pkgdvdr { height:1px; margin:10px 0 20px; background:#e2d9b5; }
.sec9 .pkgbtl { display:block; max-width:100%; height:auto; margin:0 auto; object-fit:contain; }
.sec9 .pkgseal, .sec9 .pkg1seal { position:absolute; right:5px; top:0; width:76px; height:76px; }
.sec9 .pkg1seal { width:92px; height:92px; }
.sec9 .pkgseal::before, .sec9 .pkg1seal::before {
  content:""; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%;
  background:url("../images/sealbg.webp") center / contain no-repeat;
}
.sec9 .pkg1seal::before { animation:offerSealSpin 10s linear infinite; }
.sec9 .pkgseal p, .sec9 .pkg1seal p {
  position:relative; z-index:2; padding:14px 0 0; color:#fff; text-align:center; text-transform:uppercase; letter-spacing:.5px;
  font-family:"Oswald",sans-serif; font-weight:600; font-size:19px; line-height:23px;
}
.sec9 .pkg1seal p { padding:17px 0 0; font-size:24px; line-height:28px; }
.sec9 .pkgprc { text-align:center; font-family:"Oswald",sans-serif; font-weight:600; font-size:70px; line-height:40px; }
.sec9 .pkgprc sup { font-size:40px; line-height:40px; }
.sec9 .pkgprc span { font-family:"Open Sans",sans-serif; font-weight:600; font-size:16px; text-transform:uppercase; }
.sec9 .pkgsave { color:#2d7c20; text-align:center; font-weight:bold; font-size:20px; line-height:26px; }
.sec9 .pkgbx { margin:18px 8px 0; padding:17px 15px 25px; border-radius:16px; background:#fff; box-shadow:0 0 10px #e6e4e4; }
.sec9 ul.pkgbxlist { padding:0 14px; }
.sec9 ul.pkgbxlist li {
  display:flex; gap:15px; padding:5px 0; border-top:1px solid #dbdbdb;
  text-align:left; font-weight:bold; font-size:19px; line-height:29px;
}
.sec9 ul.pkgbxlist li:nth-child(1) { border-top:none; }
.sec9 ul.pkgbxlist li:nth-child(1) img { margin:1px 0 0; }
.sec9 ul.pkgbxlist li:nth-child(2) img, .sec9 ul.pkgbxlist li:nth-child(3) img { margin:2px 0 0; }
.sec9 .pkgbtn {
  display:flex; align-items:center; justify-content:center; gap:10px; height:54px; margin:17px auto 0;
  border-radius:5px; background:#01b95e; box-shadow:0 5px 5px #b6ccc5;
  color:#fff; text-align:center; text-transform:uppercase;
  font-family:"Oswald",sans-serif; font-weight:600; font-size:26px; line-height:54px;
}
.sec9 .pkgprc2 { margin-top:18px; text-align:center; font-size:26px; line-height:34px; }
.sec9 .pkgprc2 span { margin-right:10px; padding:0 3px; color:#7d7d7d; }
.sec9 .pkgtxt1, .sec9 .pkg2txt1 { margin-top:16px; color:#00944c; text-align:center; font-style:italic; font-weight:600; font-size:22px; line-height:26px; }
.sec9 .pkg2txt1 { margin-top:54px; }
.sec9 .pkgtxt1 span { padding:4px 15px; background:url("../images/highlight.webp") center / 100% 100% no-repeat; }
.sec9 .pkgtxt2, .sec9 .pkg3txt2 { margin-top:18px; text-align:center; font-weight:600; font-size:16px; line-height:24px; }
.sec9 .pkg3txt2 { margin-top:0; padding:15px 0 3px; font-size:20px; line-height:28px; }
.sec9 .strikeout { position:relative; }
.sec9 .strikeout::after {
  content:""; position:absolute; left:0; right:0; top:54%; margin-top:calc(.12em / 2 * -1);
  border-bottom:.09em solid #ff0202; transform:rotate(-10deg);
}
.sec9 .pulsate-img { animation:offerPulse 2s ease-in-out infinite; }
.sec9 .offer-shipping-note { margin-top:36px; color:#acbee3; text-align:center; font-size:13px; line-height:20px; }
@keyframes offerSealSpin { from { transform:rotate(0deg); } to { transform:rotate(360deg); } }
@keyframes offerPulse { 0%, 100% { transform:scale(1); } 50% { transform:scale(1.05); } }

@media only screen and (max-width:1200px) {
  .sec9 .container { max-width:1000px; width:100%; }
  .sec9 .pad1 { padding:0 20px; }
  .sec9 .bdhding2 { font-size:43px; line-height:53px; }
  .sec9 ul.s2bxlft-list li { padding:4px 8px; font-size:15px; line-height:21px; }
}
@media only screen and (max-width:1030px) {
  .sec9 { padding:50px 0 56px; }
  .sec9 .container { max-width:750px; width:100%; }
  .sec9 .pad1 { padding:0; }
  .sec9 .bdhding2 { font-size:35px; line-height:43px; }
  .sec9 .s2txt1 { font-size:14px; line-height:20px; text-align:center; }
  .sec9 .s2bx { flex-wrap:wrap; justify-content:center; gap:34px; margin-top:15px; }
  .sec9 .s2bxlft-hding { text-align:center; }
  .sec9 ul.s2bxlft-list { justify-content:center; }
.sec9 .s2bxrgtbx-hding { margin-top:-11px; font-size:14px; line-height:20px; }
.sec9 .counterbox { width:200px; margin:10px auto 0; }
.sec9 .counter-block .counter .number { height:50px; font-size:34px; line-height:45px; }
.sec9 .pkgcontainer { margin:70px 0 0; }
  .sec9 .pkg1 { padding:14px 8px 38px; }
  .sec9 .bestvalue, .sec9 .mostpopular { top:-24px; width:110px; height:24px; padding:4px 0 0; font-size:13px; line-height:17px; }
  .sec9 .pkg1-hding1 { font-size:38px; line-height:40px; }
  .sec9 .pkg1-hding2 { font-size:15px; line-height:19px; }
  .sec9 .pkgdvdr { margin:8px 0 16px; }
  .sec9 .pkg1btl { max-width:94%; }
  .sec9 .pkgseal { width:68px; height:65px; }
  .sec9 .pkg1seal { width:86px; height:83px; }
  .sec9 .pkgseal p { padding:12px 0 0; font-size:16px; line-height:20px; }
  .sec9 .pkg1seal p { padding:15px 0 0; font-size:22px; line-height:26px; }
  .sec9 .pkgprc { font-size:60px; line-height:30px; }
  .sec9 .pkgprc sup { font-size:32px; line-height:32px; }
  .sec9 .pkgprc span { font-size:14px; }
  .sec9 .pkgsave { font-size:18px; line-height:24px; }
  .sec9 .pkgbx { margin:15px 0 0; padding:14px 10px 16px; }
  .sec9 ul.pkgbxlist { padding:0; }
  .sec9 ul.pkgbxlist li { gap:10px; padding:3px 0; font-size:17px; line-height:26px; }
  .sec9 .pkgbtn { height:50px; margin:10px auto 0; font-size:22px; line-height:50px; }
  .sec9 .pkgprc2 { margin-top:12px; font-size:20px; line-height:28px; }
  .sec9 .pkgtxt1, .sec9 .pkg2txt1 { margin-top:12px; font-size:19px; line-height:19px; }
  .sec9 .pkg2txt1 { margin-top:38px; }
  .sec9 .pkgtxt2 { font-size:15px; line-height:22px; }
  .sec9 .pkg3txt2 { padding:2px 0 0; font-size:17px; line-height:25px; }
}
@media only screen and (max-width:767px) {
  .sec9 { padding:40px 0 46px; }
  .sec9 .container { width:100%; max-width:640px; }
  .sec9 .pad1 { padding:0 10px; }
  .sec9 .bdhding2 { font-size:34px; line-height:42px; }
  .sec9 .s2bx { gap:26px; margin-top:10px; }
  .sec9 ul.s2bxlft-list { margin-top:5px; }
  .sec9 ul.s2bxlft-list li { margin-top:10px; font-size:12px; line-height:20px; }
.sec9 .pkgcontainer { flex-wrap:wrap; justify-content:center; margin:20px 0 0; }
  .sec9 .pkg1, .sec9 .pkg2, .sec9 .pkg3 { order:1; width:340px; margin-top:40px; padding:7px 8px 20px; }
  .sec9 .pkg2 { order:2; }
  .sec9 .pkg3 { order:3; }
  .sec9 .pkg1hd1mar, .sec9 .pkg1hd2mar { margin-top:0; }
  .sec9 .pkgseal { right:15px; top:10px; }
  .sec9 .pkgdvdr { margin:5px 0 12px; }
  .sec9 .pkgbx { margin:15px 20px 0; padding:2px 15px 16px; }
  .sec9 .pkg2txt1 { margin-top:10px; }
  .sec9 .offer-shipping-note { margin-top:30px; font-size:12px; line-height:18px; }
}
@media only screen and (max-width:479px) {
  .sec9 .bdhding2 { font-size:31px; line-height:37px; }
}
@media only screen and (max-width:389px) {
  .sec9 .bdhding2 { font-size:29px; line-height:35px; }
  .sec9 .pkg1, .sec9 .pkg2, .sec9 .pkg3 { width:100%; }
}
@media (prefers-reduced-motion:reduce) {
  .sec9 *, .sec9 *::before, .sec9 *::after { animation:none !important; transition:none !important; }
}



.sec9 .s2txt1,.sec9 .s2bxlft-hding {text-align:center;}
.sec9 .s2bx,.sec9 ul.s2bxlft-list {justify-content:center;}
.sec9 .clock,.sec9 .stock {display:inline;}
.sec9 .s2bxlft {width:100%;}
@media(min-width:1031px){.sec9 .pkgcontainer {margin-top:70px;}}