/* Suối Trong (locnuoc4) — trang trong theo mockup (cửa hàng, sản phẩm, bài viết, liên hệ), dùng chung lớp st-* trang chủ */
.sti-wrap { max-width: 1300px; margin: 0 auto; padding: 0 15px; }
.sti-crumb { color: var(--st-text) !important; font-size: 14.5px !important; margin: 0 0 10px !important; } .sti-crumb a { color: var(--st-text) !important; } .sti-crumb-d { margin: 16px 0 14px !important; }
.sti-box { background: #fff; border: 1px solid var(--st-line); border-radius: 8px; padding: 18px; } .sti-box h3 { color: var(--st-dark) !important; font-size: 21px !important; font-weight: 700 !important; margin: 0 0 12px !important; }
/* cửa hàng */
.sti-band { height: 230px; background-color: #E3F4F4; background-size: cover; background-position: center; display: flex; align-items: center; } .sti-btitle { font-size: 44px !important; margin-bottom: 6px !important; }
.sti-sgrid { display: grid; grid-template-columns: 275px 1fr; gap: 26px; padding-top: 26px; padding-bottom: 24px; } .sti-side { display: flex; flex-direction: column; gap: 16px; }
.sti-cats { list-style: none; margin: 0 -18px !important; } .sti-cats li { margin: 0 !important; border-top: 1px solid var(--st-line); } .sti-cats a { display: flex; justify-content: space-between; padding: 11px 22px; color: var(--st-ink) !important; font-size: 16px; } .sti-cats i { font-style: normal; color: var(--st-muted); font-size: 13px; } .sti-cats li.on a { background: #D5F0F0; font-weight: 600; }
.sti-range { position: relative; height: 5px; background: var(--st-mid); border-radius: 5px; margin: 14px 10px 14px !important; } .sti-range::before, .sti-range::after { content: ""; position: absolute; top: -8px; width: 20px; height: 20px; border-radius: 50%; background: var(--st-mid); } .sti-range::before { left: -10px; } .sti-range::after { right: -10px; }
.sti-rl { text-align: center; color: var(--st-text); font-size: 15px; margin: 0 0 14px !important; } .sti-apply { display: block; text-align: center; background: #9EDCDD; color: var(--st-dark) !important; border-radius: 8px; padding: 9px; font-size: 16px; font-weight: 500; }
.sti-chk { display: grid; gap: 10px; margin: 0 !important; } .sti-chk label { display: flex; align-items: center; gap: 12px; color: var(--st-text); font-size: 15.5px; font-weight: 400; margin: 0; } .sti-chk input { width: 22px; height: 22px; margin: 0 !important; }
.sti-consult { background: var(--st-dark); border: 0; } .sti-consult h3 { color: #fff !important; } .sti-consult p { color: rgba(255,255,255,.88); font-size: 16px; margin: 0 0 16px !important; } .sti-cphone { display: flex; align-items: center; justify-content: center; gap: 12px; background: #fff; border-radius: 8px; padding: 8px; color: var(--st-dark) !important; font-size: 21px; font-weight: 700; margin-bottom: 10px; } .sti-cphone img { width: 24px; height: 24px; } .sti-cbtn { display: block; text-align: center; background: #BDEAEA; color: var(--st-dark) !important; border-radius: 8px; padding: 8px; font-size: 17px; font-weight: 600; }
.sti-bar { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; } .sti-bar p { margin: 0 !important; color: var(--st-text); font-size: 16px; } .sti-view { margin-left: auto !important; display: flex; } .sti-view b, .sti-view span { width: 40px; height: 36px; border: 1px solid var(--st-line); display: flex; align-items: center; justify-content: center; } .sti-view b { background: #E3F4F4; color: var(--st-dark); } .sti-sort { border: 1px solid var(--st-line); border-radius: 6px; padding: 7px 14px; font-size: 14.5px !important; min-width: 200px; }
.sti-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; } .sti-card { background: #fff; border-radius: 8px; box-shadow: 0 3px 14px rgba(11,78,87,.07); padding-bottom: 16px; overflow: hidden; } .sti-cimg { display: block; height: 196px; background: #C8EBEB; } .sti-cimg img { width: 100%; height: 100%; object-fit: contain; }
.sti-card small { display: block; color: var(--st-mid); font-size: 12.5px; font-weight: 600; text-transform: uppercase; margin: 12px 16px 2px; } .sti-cname { display: block; color: var(--st-ink) !important; font-size: 19px; font-weight: 700; margin: 0 16px 4px; } .sti-cdesc { color: var(--st-text); font-size: 14.5px; line-height: 1.45; margin: 0 16px 6px !important; min-height: 42px; } .sti-cprice { display: block; color: var(--st-ink); font-size: 21px; font-weight: 800; margin: 0 16px 8px; } .sti-card .st-tags { margin: 0 16px 12px !important; } .sti-card .st-pbtn { margin: 0 16px; }
.sti-pager { display: flex; justify-content: center; align-items: center; gap: 12px; margin-top: 24px; flex-wrap: wrap; } .sti-pager span, .sti-pager b { width: 40px; height: 38px; border-radius: 6px; display: flex; align-items: center; justify-content: center; background: #EEF7F7; color: var(--st-dark); } .sti-pager b { background: var(--st-mid); color: #fff; } .sti-pager small { width: 100%; text-align: center; color: var(--st-muted); }
.sti-pk { display: grid; grid-template-columns: repeat(4, 1fr); } .sti-pk p { display: flex; align-items: center; justify-content: center; gap: 18px; margin: 0 !important; color: var(--st-ink); font-size: 16px; font-weight: 500; border-right: 1px solid #C6E3E3; } .sti-pk p:last-child { border: 0; } .sti-pk img { width: 46px; height: 46px; }
/* sản phẩm */
.sti-pgrid { display: grid; grid-template-columns: 1fr 1.1fr; gap: 34px; padding-bottom: 16px; } .sti-gmain { position: relative; background: #D5F0F0; border-radius: 8px; overflow: hidden; } .sti-gmain img { width: 100%; height: 420px; object-fit: cover; display: block; } .sti-gmain i { position: absolute; left: 18px; top: 18px; z-index: 1; background: var(--st-dark); color: #fff; font-style: normal; font-size: 14px; padding: 4px 14px; border-radius: 30px; }
.sti-gth { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 10px; } .sti-gth a { border: 2px solid transparent; border-radius: 6px; overflow: hidden; } .sti-gth a.on { border-color: var(--st-mid); } .sti-gth img { width: 100%; height: 88px; object-fit: cover; display: block; }
.sti-ptitle { color: var(--st-dark) !important; font-size: 40px !important; font-weight: 800 !important; line-height: 1.2 !important; margin: 0 0 6px !important; } .sti-psub { color: var(--st-text) !important; font-size: 19px !important; margin: 0 0 12px !important; } .sti-stock { color: var(--st-text) !important; font-size: 14.5px !important; margin: 0 0 8px !important; } .sti-stock span { color: var(--st-dark); } .sti-stock span::before { content: "● "; color: #8BC53F; }
.sti-price { color: var(--st-dark) !important; font-size: 34px !important; font-weight: 800; margin: 0 0 8px !important; } .sti-short { color: var(--st-text); font-size: 15.5px; line-height: 1.6; } .sti-ticks { list-style: none; margin: 10px 0 14px !important; } .sti-ticks li { position: relative; padding-left: 30px; color: var(--st-text); font-size: 15.5px; margin: 0 0 6px !important; } .sti-ticks li::before { content: "✓"; position: absolute; left: 0; color: var(--st-mid); font-weight: 700; }
.sti-buy { display: grid; grid-template-columns: auto 1.3fr 1fr; gap: 12px; margin: 0 0 12px !important; } .sti-qty { display: flex; border: 1px solid var(--st-line); border-radius: 6px; } .sti-qty i, .sti-qty b { width: 40px; display: flex; align-items: center; justify-content: center; font-style: normal; font-size: 18px; } .sti-qty b { border-left: 1px solid var(--st-line); border-right: 1px solid var(--st-line); font-weight: 500; }
.sti-add, .sti-adv { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; border-radius: 6px; font-size: 16px; font-weight: 600; } .sti-add { background: var(--st-mid); color: #fff !important; } .sti-add img { filter: brightness(0) invert(1); width: 24px; height: 24px; } .sti-adv { border: 1.5px solid var(--st-mid); color: var(--st-dark) !important; } .sti-adv img { width: 24px; height: 24px; }
.sti-callbar { display: flex; align-items: center; justify-content: center; gap: 12px; background: #E3F4F4; border-radius: 6px; padding: 10px; color: var(--st-dark) !important; font-size: 16px; font-weight: 500; margin-bottom: 14px; } .sti-callbar img { width: 22px; height: 22px; }
.sti-mini { display: flex; gap: 36px; margin: 0 !important; } .sti-mini span { display: inline-flex; align-items: center; gap: 12px; color: var(--st-text); font-size: 14px; } .sti-mini img { width: 28px; height: 28px; }
.sti-3band { background: #E3F4F4; padding: 18px 0; } .sti-3band .sti-wrap { display: grid; grid-template-columns: repeat(3, 1fr); } .sti-3band p { display: grid; grid-template-columns: 76px 1fr; column-gap: 18px; align-items: center; margin: 0 !important; padding: 0 30px; color: var(--st-text); font-size: 14.5px; border-right: 1px dashed #A9D6D6; } .sti-3band p:last-child { border: 0; }
.sti-3band span { grid-row: 1 / 3; width: 76px; height: 76px; border-radius: 50%; background: #C9EBEB; display: flex; align-items: center; justify-content: center; } .sti-3band img { width: 40px; height: 40px; } .sti-3band b { color: var(--st-ink); font-size: 19px; font-weight: 600; align-self: end; }
.sti-tabs { padding-top: 22px; padding-bottom: 20px; } .sti-tabnav { display: flex; gap: 50px; border-bottom: 1px solid var(--st-line); margin: 0 0 18px !important; } .sti-tabnav a { color: var(--st-text) !important; font-size: 17px; padding: 0 8px 10px; } .sti-tabnav a.on { color: var(--st-dark) !important; font-weight: 600; box-shadow: inset 0 -3px 0 var(--st-mid); }
.sti-desc { display: grid; grid-template-columns: 1.6fr 1fr; gap: 36px; } .sti-desc h2 { color: var(--st-dark) !important; font-size: 28px !important; font-weight: 700 !important; margin: 0 0 10px !important; } .sti-desc p { color: var(--st-text); font-size: 15.5px; line-height: 1.65; }
.sti-kit { position: relative; margin: 10px 0 0; } .sti-kit img { width: 100%; height: 360px; object-fit: cover; border-radius: 8px; } .sti-kit figcaption { position: absolute; left: 30px; bottom: 30px; color: var(--st-dark) !important; font-size: 30px; line-height: 1.2; }
.sti-specbox { background: #E6F6F6; border-radius: 10px; padding: 24px; align-self: start; } .sti-specbox h3 { color: var(--st-dark) !important; font-size: 25px !important; font-weight: 700 !important; margin: 0 0 14px !important; } .sti-specbox table { width: 100%; background: #fff; border-radius: 8px; border-collapse: collapse; } .sti-specbox th, .sti-specbox td { padding: 14px 16px !important; font-size: 15px; border-bottom: 1px solid var(--st-line) !important; color: var(--st-text); text-transform: none; letter-spacing: 0; font-weight: 400; } .sti-specbox tr:last-child th, .sti-specbox tr:last-child td { border: 0 !important; }
.sti-info { display: flex; gap: 16px; align-items: center; background: #fff; border: 1px solid var(--st-line); border-radius: 8px; padding: 14px 16px; margin: 16px 0 0 !important; color: var(--st-text); font-size: 15px; } .sti-info i { width: 38px; height: 38px; flex: 0 0 38px; border-radius: 50%; background: var(--st-mid); color: #fff; font-style: normal; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.sti-revs { background: #E3F4F4; padding: 22px 0 26px; } .sti-revs .st-h2 { margin-bottom: 16px !important; } .sti-rv2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .sti-rv2 > div { display: flex; gap: 26px; align-items: center; background: #fff; border-radius: 10px; padding: 16px 26px; } .sti-rv2 img { width: 128px; height: 128px; border-radius: 50%; object-fit: cover; }
.sti-rv2 p { margin: 0 !important; color: var(--st-text); font-size: 16px; font-style: italic; } .sti-rv2 .st-stars { display: block; color: #F5B301; font-style: normal; font-size: 20px; letter-spacing: 3px; } .sti-rv2 b { display: block; color: var(--st-ink); font-style: normal; font-size: 19px; margin-top: 8px; } .sti-rv2 small { color: var(--st-muted); font-style: normal; }
.sti-rel { padding-top: 22px; padding-bottom: 26px; }
/* bài viết */
.sti-pcrumb { background: #E3F4F4; padding: 8px 0; font-size: 14px; } .sti-pcrumb a { color: var(--st-text) !important; }
.sti-pgrid2 { display: grid; grid-template-columns: 1fr 350px; gap: 34px; padding-top: 20px; padding-bottom: 20px; } .sti-label { display: inline-block; background: #D5F0F0; color: var(--st-dark) !important; border-radius: 30px; padding: 4px 14px; font-size: 13px; font-weight: 600; text-transform: uppercase; margin-bottom: 10px; }
.sti-atitle { color: var(--st-dark) !important; font-size: 43px !important; font-weight: 800 !important; line-height: 1.2 !important; margin: 0 0 12px !important; } .sti-ameta { display: flex; gap: 22px; color: var(--st-text) !important; font-size: 14.5px !important; margin: 0 0 14px !important; } .sti-ameta span { display: inline-flex; gap: 8px; align-items: center; } .sti-ameta span + span { border-left: 1px solid var(--st-line); padding-left: 22px; } .sti-ameta img { width: 18px; height: 18px; }
.sti-content { color: var(--st-text); font-size: 15.5px; line-height: 1.65; } .sti-lead { color: var(--st-text) !important; font-size: 19px !important; line-height: 1.6 !important; } .sti-fig { margin: 12px 0; } .sti-fig img { width: 100%; height: 400px; object-fit: cover; border-radius: 8px; } .sti-fig figcaption { text-align: center; color: var(--st-muted); font-size: 13px; margin-top: 6px; }
.sti-content h2 { color: var(--st-dark) !important; font-size: 27px !important; font-weight: 700 !important; margin: 22px 0 10px !important; } .sti-toc { background: #E8F7F7; border-left: 5px solid var(--st-teal); border-radius: 8px; padding: 16px 30px; margin: 16px 0; } .sti-toc h3 { color: var(--st-dark) !important; font-size: 21px !important; margin: 0 0 8px !important; } .sti-toc ol { margin: 0 0 0 22px !important; } .sti-toc li { margin: 0 0 4px !important; } .sti-toc li::marker { color: var(--st-mid); font-weight: 700; } .sti-toc a { color: var(--st-text) !important; }
.sti-checks { list-style: none; margin: 6px 0 !important; } .sti-checks li { position: relative; padding-left: 42px; margin: 0 0 10px !important; } .sti-checks li::before { content: "✓"; position: absolute; left: 0; top: -2px; width: 28px; height: 28px; border-radius: 50%; background: var(--st-mid); color: #fff; font-size: 15px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.sti-note { display: flex; gap: 26px; align-items: center; background: #EEF9F9; border: 1.5px solid #BCE5E5; border-radius: 8px; padding: 16px 32px; margin: 12px 0 !important; } .sti-note img { width: 56px; height: 56px; } .sti-note b { display: block; color: var(--st-dark); font-size: 19px; }
.sti-callrow { display: flex; justify-content: space-between; align-items: center; background: #E8F7F7; border-radius: 6px; padding: 10px 14px 10px 20px; margin: 12px 0 !important; } .sti-callrow span { display: inline-flex; gap: 12px; align-items: center; color: var(--st-ink); font-size: 16px; } .sti-callrow img { width: 26px; height: 26px; } .sti-callrow a { background: var(--st-mid); color: #fff !important; border-radius: 6px; padding: 9px 20px; font-weight: 600; }
.sti-afoot { display: flex; justify-content: space-between; align-items: center; margin-top: 16px; } .sti-afoot p { display: flex; gap: 10px; align-items: center; margin: 0 !important; color: var(--st-text); font-size: 14px; } .sti-tags a { background: #EEF6F6; border: 1px solid var(--st-line); color: var(--st-text) !important; border-radius: 30px; padding: 4px 14px; font-size: 13.5px; } .sti-share a { width: 36px; height: 36px; border: 1.5px solid var(--st-line); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--st-dark) !important; font-weight: 700; }
.sti-pside { display: flex; flex-direction: column; gap: 16px; } .sti-rp { display: grid; grid-template-columns: 126px 1fr; gap: 14px; padding: 10px 0; border-bottom: 1px solid var(--st-line); color: var(--st-ink) !important; font-size: 15px; font-weight: 500; line-height: 1.35; } .sti-rp:last-child { border: 0; } .sti-rp img { width: 126px; height: 86px; object-fit: cover; border-radius: 6px; } .sti-rp small { display: block; color: var(--st-muted); font-size: 12.5px; font-weight: 400; margin-top: 4px; }
.sti-pcats { list-style: none; margin: 0 !important; } .sti-pcats li { margin: 0 !important; border-bottom: 1px solid var(--st-line); } .sti-pcats li:last-child { border: 0; } .sti-pcats a { display: flex; align-items: center; gap: 14px; padding: 10px 0; color: var(--st-text) !important; font-size: 15.5px; } .sti-pcats img { width: 18px; height: 18px; } .sti-pcats i { margin-left: auto; font-style: normal; color: var(--st-muted); } .sti-pcats i::after { content: "  ›"; }
.sti-promo { position: relative; background-color: var(--st-dark); background-size: 60% auto; background-position: right bottom; background-repeat: no-repeat; border-radius: 10px; padding: 24px; color: #fff; overflow: hidden; } .sti-promo h3 { color: #fff !important; font-size: 25px !important; font-weight: 600 !important; line-height: 1.25 !important; margin: 0 0 8px !important; } .sti-promo p { color: rgba(255,255,255,.88); font-size: 14px; margin: 0 0 14px !important; max-width: 200px; }
.sti-promo ul { list-style: none; background: #fff; border-radius: 8px; padding: 10px 14px; margin: 0 0 16px !important; display: inline-block; } .sti-promo li { color: var(--st-ink); font-size: 13.5px; margin: 0 0 4px !important; } .sti-promo li::before { content: "✓ "; color: var(--st-mid); font-weight: 700; } .sti-promo a { display: inline-block; background: var(--st-mid); color: #fff !important; border-radius: 6px; padding: 10px 22px; font-weight: 600; }
.sti-need { display: flex; gap: 20px; align-items: center; background: #E8F7F7; } .sti-need span { width: 72px; height: 72px; flex: 0 0 72px; border-radius: 50%; background: #C9EBEB; display: flex; align-items: center; justify-content: center; } .sti-need img { width: 34px; height: 34px; } .sti-need p { margin: 0 !important; color: var(--st-text); font-size: 14.5px; } .sti-need a { display: block; color: var(--st-dark) !important; font-size: 27px; font-weight: 800; }
.sti-relp { background: #E3F4F4; padding: 20px 0 24px; } .sti-relp .st-card img { height: 120px; }
/* liên hệ */
.sti-hero .col { padding-bottom: 0 !important; } .sti-hero .section-bg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(255,255,255,.85) 0%, rgba(255,255,255,.5) 40%, rgba(255,255,255,0) 60%); } .sti-hero-in { position: relative; height: 300px; display: flex; flex-direction: column; justify-content: center; } .sti-script { top: 60px !important; color: var(--st-dark) !important; }
.sti-ct3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 14px; } .sti-ct3 > div { display: flex; gap: 22px; align-items: center; border: 1px solid var(--st-line); border-radius: 8px; padding: 16px 24px; } .sti-ct3 span { width: 80px; height: 80px; flex: 0 0 80px; border-radius: 50%; background: var(--st-mid); display: flex; align-items: center; justify-content: center; } .sti-ct3 span img { width: 40px; height: 40px; }
.sti-ct3 p { display: flex; flex-direction: column; margin: 0 !important; color: var(--st-ink); font-size: 17px; font-weight: 600; } .sti-ct3 .big { color: var(--st-dark) !important; font-size: 30px; font-weight: 800; } .sti-ct3 .mail { color: var(--st-mid) !important; font-size: 17px; } .sti-ct3 small { color: var(--st-text); font-size: 14.5px; font-weight: 400; } .sti-ct3 em { font-style: normal; font-weight: 400; color: var(--st-text); font-size: 17px; line-height: 1.45; }
.sti-form { border: 1px solid var(--st-line); border-radius: 8px; padding: 24px 30px; } .sti-form h2 { color: var(--st-dark) !important; font-size: 34px !important; font-weight: 800 !important; margin: 0 0 4px !important; } .sti-form > p { color: var(--st-text); font-size: 17px; margin: 0 0 14px !important; }
.sti-form .wpcf7 p { margin: 0 !important; } .sti-form .wpcf7 br { display: none; } .sti-form label { display: block; color: var(--st-ink); font-size: 16px; font-weight: 500; margin: 0 0 12px; } .sti-form label i { color: #E5484D; font-style: normal; }
.sti-form input:not([type=checkbox]):not([type=submit]), .sti-form select, .sti-form textarea { margin: 6px 0 0 !important; border: 1.5px solid #CFE6E7 !important; border-radius: 6px !important; box-shadow: none !important; height: 46px; font-size: 15px !important; font-weight: 400; } .sti-form textarea { height: 100px !important; min-height: 100px; }
.stc-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; } .stc-ok { color: var(--st-text); font-size: 15px; margin: 2px 0 14px; } .stc-ok .wpcf7-list-item { margin: 0; } .stc-ok input { width: 20px; height: 20px; margin: 0 10px 0 0 !important; vertical-align: -4px; }
.sti-form input[type=submit] { width: 100%; background: var(--st-mid) !important; color: #fff !important; border: 0 !important; border-radius: 6px !important; min-height: 50px; font-size: 19px !important; font-weight: 600; text-transform: none; letter-spacing: 0; margin: 0 !important; } .stc-lock { text-align: center; color: var(--st-muted); font-size: 14.5px; margin-top: 12px; } .stc-lock::before { content: "🔒 "; }
.sti-why { background: #E8F7F7; border-radius: 8px; padding: 22px 22px 0; overflow: hidden; } .sti-why h3 { color: var(--st-dark) !important; font-size: 26px !important; font-weight: 700 !important; margin: 0 0 16px !important; } .sti-why p { display: grid; grid-template-columns: 84px 1fr; column-gap: 20px; align-items: center; color: var(--st-text); font-size: 15px; margin: 0 0 16px !important; padding-bottom: 16px; border-bottom: 1px solid #C6E3E3; }
.sti-why span { grid-row: 1 / 3; width: 84px; height: 84px; border-radius: 50%; background: #C9EBEB; display: flex; align-items: center; justify-content: center; } .sti-why span img { width: 40px; height: 40px; } .sti-why b { color: var(--st-ink); font-size: 19px; align-self: end; } .sti-why-img { width: calc(100% + 44px); max-width: none; height: 230px; object-fit: cover; margin: 0 -22px; display: block; }
.sti-mb { margin: 2px 0 14px !important; } .sti-map { width: 100%; height: 300px; border: 0; border-radius: 8px; display: block; } .sti-callband .st-share { padding: 0; } .sti-callband .st-btn img { filter: none; }
.wpcf7 .wpcf7-form-control-wrap { display: block; width: 100%; } .wpcf7 input:not([type=checkbox]):not([type=radio]):not([type=submit]), .wpcf7 select, .wpcf7 textarea { width: 100% !important; max-width: 100% !important; }
@media (max-width: 849px) {
  .sti-sgrid, .sti-pgrid, .sti-pgrid2, .sti-desc, .sti-rv2, .sti-ct3, .stc-2 { grid-template-columns: 1fr; } .sti-grid { grid-template-columns: 1fr 1fr; } .sti-pk, .sti-3band .sti-wrap { grid-template-columns: 1fr 1fr; gap: 12px; } .sti-pk p, .sti-3band p { border: 0; padding: 0; }
  .sti-btitle, .sti-atitle, .sti-ptitle { font-size: 28px !important; } .sti-buy { grid-template-columns: 1fr; } .sti-mini { flex-direction: column; gap: 8px; } .sti-gmain img { height: 300px; } .sti-rv2 > div { flex-direction: column; text-align: center; } .sti-ameta { flex-wrap: wrap; } .sti-fig img { height: 240px; } .sti-afoot { flex-direction: column; gap: 12px; align-items: flex-start; } .sti-callrow { flex-direction: column; gap: 10px; }
}

.sti-why-pic { margin: 0 -22px; } .sti-why-pic .sti-why-img { width: 100%; margin: 0; }
.sti-form .stc-2 > p { display: contents; }
@media (min-width: 1200px) { .stc-ct3 a[href^="mailto"], .sti-ct3 a[href^="mailto"] { white-space: nowrap; font-size: 14.5px; } }