/* Theme "clinic" (/6/, portable nebulizer — matches its landing page): clean white + mint + medical teal, Figtree,
   a full-width product strip across the top, then packages/form on the left and a sticky summary on the right */
body.fn-t-clinic{--brand:#0e8f8a;--brand-dark:#0f2a3d;--accent:#0e8f8a;--accent-ink:#fff;--tint:#e8f6f5;font-family:Figtree,Inter,system-ui,sans-serif;color:#0f2a3d;
  background:linear-gradient(180deg,#eef8f8 0%,#f7fbfc 320px,#f7fbfc 100%)}
.fn-t-clinic h1,.fn-t-clinic h2,.fn-t-clinic .fn-show-title{font-family:Figtree,Inter,sans-serif;font-weight:800;color:#0f2a3d;letter-spacing:-.015em}
.fn-t-clinic .fn-top{background:#0e8f8a;color:#fff;font-weight:600}
.fn-t-clinic .fn-header{background:#fff;border-bottom:1px solid #dcebec}
.fn-t-clinic .fn-secure{color:#0e8f8a}
.fn-t-clinic .fn-steps{background:transparent;border:0}
.fn-t-clinic .fn-steps li.on b{background:#0e8f8a;border-color:#0e8f8a}
.fn-t-clinic .fn-intro{display:none}
.fn-t-clinic .fn-main{padding-top:20px}
.fn-t-clinic .fn-grid{grid-template-columns:minmax(0,1fr) 380px;grid-template-areas:"show show" "packs side" "details side" "pay side";gap:18px 26px}
/* full-width product strip */
.fn-t-clinic .fn-showcase{display:grid;grid-area:show;grid-template-columns:150px 1fr;grid-template-rows:auto auto;column-gap:24px;align-items:center;background:#fff;border:1px solid #dcebec;border-radius:20px;padding:16px 22px}
.fn-t-clinic .fn-show-img{grid-row:span 3;position:relative;width:150px;height:150px;border-radius:16px;background:#f2f8f9;overflow:hidden}
.fn-t-clinic .fn-show-img img{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}
.fn-t-clinic .fn-show-img img.fn-photo{object-fit:cover}
/* more photos in a row beside the main picture */
.fn-t-clinic .fn-show-title{grid-column:2;grid-row:1}
.fn-t-clinic .fn-show-points{grid-column:2;grid-row:2}
.fn-t-clinic .fn-g-thumbs{grid-column:2;grid-row:3;display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.fn-t-clinic .fn-g-thumbs button{width:54px;height:54px;padding:0;border:2px solid transparent;border-radius:12px;overflow:hidden;cursor:pointer;background:#f2f8f9}
.fn-t-clinic .fn-g-thumbs button.on{border-color:#0e8f8a}
.fn-t-clinic .fn-g-thumbs img{display:block;width:100%;height:100%;object-fit:cover}
.fn-t-clinic .fn-g-thumbs button:first-child img{object-fit:contain}
.fn-t-clinic .fn-show-title{margin:0 0 10px;font-size:1.5rem;align-self:end}
.fn-t-clinic .fn-show-points{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px;align-self:start}
.fn-t-clinic .fn-show-points li{display:flex;align-items:center;gap:6px;background:#e8f6f5;color:#0b6e6a;border-radius:999px;padding:6px 12px;font-size:.82rem;font-weight:600}
.fn-t-clinic .fn-show-points li::before{content:"✓";font-weight:800}
.fn-t-clinic .fn-card{background:#fff;border:1px solid #dcebec;border-radius:20px;box-shadow:0 6px 20px rgba(15,42,61,.04)}
.fn-t-clinic .fn-num{border-radius:50%;background:#e8f6f5;color:#0e8f8a;font-weight:800}
.fn-t-clinic .fn-pack{border-radius:16px;border-color:#dcebec}
.fn-t-clinic .fn-pack.on{border-color:#0e8f8a;background:#f2fbfa;box-shadow:0 0 0 4px rgba(14,143,138,.1)}
.fn-t-clinic .fn-pack-img{background:#f2f8f9}
.fn-t-clinic .fn-pack-price b{color:#0f2a3d;font-weight:800}
.fn-t-clinic .fn-pack-price em{color:#0e8f8a}
.fn-t-clinic .fn-per{color:#0e8f8a}
.fn-t-clinic .fn-badge{border-radius:999px;background:#0e8f8a}
.fn-t-clinic .fn-badge.alt{background:#0f2a3d}
.fn-t-clinic .fn-side{top:16px}
.fn-t-clinic .fn-summary{border:1px solid #0e8f8a}
.fn-t-clinic .fn-total dd{color:#0e8f8a!important}
.fn-t-clinic .fn-saved{background:#0f2a3d;border-radius:0 0 20px 20px}
.fn-t-clinic .fn-guarantee{background:#f2fbfa;border-color:#cdebe9}
.fn-t-clinic .fn-seal{background:#0e8f8a}
.fn-t-clinic input[type=text],.fn-t-clinic input[type=email],.fn-t-clinic input[type=tel],.fn-t-clinic input:not([type]),.fn-t-clinic select,.fn-t-clinic .cp-btn{border-radius:12px;border-color:#d5e5e7;background-color:#fbfeff}
.fn-t-clinic input:focus,.fn-t-clinic select:focus{border-color:#0e8f8a;outline:3px solid rgba(14,143,138,.15);outline-offset:0}
.fn-t-clinic .fn-btn{border-radius:14px;background:linear-gradient(180deg,#14a39d,#0e8f8a);color:#fff;box-shadow:0 12px 24px -12px rgba(14,143,138,.8)}
.fn-t-clinic .fn-extra{border-radius:16px;background:#f7fbfc}
.fn-t-clinic .fn-note-box{border-radius:14px;background:#f7fbfc}
.fn-t-clinic .fn-footer{background:#0f2a3d;color:#9fb6c4;border-top:0}
.fn-t-clinic .fn-footer a{color:#7fdcd6}
/* form: medical-form style boxes — each field is a bordered box with its small teal label inside, above the value */
.fn-t-clinic :is(.fn-details,.fn-pay-card) .fn-field{background:#fff;border:1.5px solid #d5e5e7;border-radius:14px;padding:8px 14px 2px;transition:border-color .15s,box-shadow .15s}
.fn-t-clinic :is(.fn-details,.fn-pay-card) .fn-field:focus-within{border-color:#0e8f8a;box-shadow:0 0 0 3px rgba(14,143,138,.15)}
.fn-t-clinic :is(.fn-details,.fn-pay-card) .fn-field:has([aria-invalid]){border-color:#d92d20}
.fn-t-clinic :is(.fn-details,.fn-pay-card) .fn-field>label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#0e8f8a;margin:0}
.fn-t-clinic :is(.fn-details,.fn-pay-card) .fn-field :is(input[type=text],input[type=email],input[type=tel],input:not([type]),select,.cp-btn){height:36px;border:0;border-radius:0;background-color:transparent;box-shadow:none!important}
.fn-t-clinic :is(.fn-details,.fn-pay-card) .fn-field input{padding-left:0}
.fn-t-clinic :is(.fn-details,.fn-pay-card) .fn-field select{padding-left:0;background-position:right 0 center}
.fn-t-clinic .fn-details .country-pick>select{padding-left:30px}
.fn-t-clinic .fn-details .country-pick>[data-country-flag]{left:0}
.fn-t-clinic .fn-pay-card .cvv-ico{right:0}
.fn-t-clinic .fn-note-box{background:#f2fbfa;border:1px solid #cdebe9;color:#0b6e6a}
/* coupon popup */
.fn-t-clinic .fn-pop-box{border-radius:22px}
.fn-t-clinic .fn-pop-top{background:linear-gradient(120deg,#0e8f8a,#1bb3a8)}
.fn-t-clinic .fn-pop-btn{background:#0f2a3d;color:#fff;border-radius:14px}
/* add-on and thank-you pages */
.fn-t-clinic .fn-ty-banner{background:linear-gradient(120deg,#0e8f8a,#1bb3a8)}
.fn-t-clinic .fn-ty-addr,.fn-t-clinic .fn-ty-help,.fn-t-clinic .fn-up-card{border-radius:20px}
@media (max-width:900px){
  .fn-t-clinic .fn-grid{grid-template-columns:1fr;grid-template-areas:"show" "packs" "side" "details" "pay"}
  .fn-t-clinic .fn-side{position:static}
}
@media (max-width:560px){
  .fn-t-clinic .fn-showcase{grid-template-columns:96px 1fr;column-gap:14px;padding:12px 14px}
  .fn-t-clinic .fn-show-img{width:96px;height:96px}
  .fn-t-clinic .fn-show-title{font-size:1.1rem;margin-bottom:6px}
  .fn-t-clinic .fn-show-points li{font-size:.7rem;padding:4px 8px}
  .fn-t-clinic .fn-show-points li:nth-child(n+3){display:none}
  .fn-t-clinic .fn-g-thumbs{gap:5px;margin-top:6px}
  .fn-t-clinic .fn-g-thumbs button{width:38px;height:38px;border-radius:8px}
}