/* WE CARE PHARMACY V22.7 — FROZEN CSS BUNDLE */

/* ===== v19_6_content_media.css ===== */


/* ===== WE CARE PHARMACY V19.6 — Content & Media Manager ===== */
.v196-status{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800;border:1px solid transparent;white-space:nowrap}
.v196-status.active{background:#eaf8ef;color:#287649;border-color:#cfead8}.v196-status.scheduled{background:#eef7ff;color:#236d9b;border-color:#d4e8f6}.v196-status.draft{background:#f3f1ff;color:#6653a5;border-color:#e1dbf7}.v196-status.expired{background:#f5f7f9;color:#71808d;border-color:#e1e7ec}.v196-status.hidden{background:#fff1f2;color:#a2434d;border-color:#f0d3d6}
.v196-scheduler-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:14px}.v196-card{background:#fff;border:1px solid #e0e9f0;border-radius:18px;padding:17px}.v196-card h3{margin:0 0 12px;color:#173f62}
.v196-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v196-field{display:flex;flex-direction:column;gap:5px}.v196-field.full{grid-column:1/-1}.v196-field label{font-size:11px;font-weight:750;color:#526b82}.v196-field input,.v196-field textarea,.v196-field select{width:100%;border:1px solid #d8e4ec;border-radius:10px;padding:9px 10px;background:#fff;font:inherit;font-size:12px;outline:none}.v196-field textarea{min-height:78px;resize:vertical}
.v196-ad-preview{aspect-ratio:2.1/1;border-radius:15px;background:#eef4f8;overflow:hidden;position:relative;display:grid;place-items:center;color:#8193a2}.v196-ad-preview img{width:100%;height:100%;object-fit:cover}.v196-ad-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,39,67,.68),rgba(8,39,67,.12))}.v196-ad-preview-copy{position:absolute;z-index:2;left:18px;right:18px;bottom:16px;color:#fff}.v196-ad-preview-copy b{display:block;font-size:18px}.v196-ad-preview-copy small{display:block;margin-top:4px;color:#eaf5fc}
.v196-ad-list{display:grid;gap:9px;max-height:580px;overflow:auto}.v196-ad-row{display:grid;grid-template-columns:96px 1fr auto;gap:11px;align-items:center;border:1px solid #e2eaf0;border-radius:14px;padding:10px}.v196-ad-thumb{width:96px;height:64px;border-radius:11px;background:#eef4f8;overflow:hidden;display:grid;place-items:center}.v196-ad-thumb img{width:100%;height:100%;object-fit:cover}.v196-ad-row h4{margin:0 0 5px;font-size:13px;color:#23445f}.v196-ad-row p{margin:4px 0 0;font-size:10px;color:#7b8d9d;line-height:1.5}.v196-row-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.v196-calendar-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:20px 0 10px}.v196-calendar{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid #e3eaf0;border-left:1px solid #e3eaf0;border-radius:14px;overflow:hidden}.v196-cal-week{padding:8px;text-align:center;font-size:10px;font-weight:800;color:#678095;background:#f6f9fb;border-right:1px solid #e3eaf0;border-bottom:1px solid #e3eaf0}.v196-cal-day{min-height:92px;padding:7px;background:#fff;border-right:1px solid #e3eaf0;border-bottom:1px solid #e3eaf0;overflow:hidden}.v196-cal-day.other{background:#fafcfd;color:#aebac4}.v196-cal-day.today{box-shadow:inset 0 0 0 2px #65b8c8}.v196-cal-num{font-size:11px;font-weight:800;color:#536d82;margin-bottom:5px}.v196-cal-event{display:block;border-radius:7px;padding:4px 5px;margin:3px 0;font-size:8px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#e9f6fb;color:#1b7188}.v196-cal-event.end{background:#f2f4f7;color:#6f7e89}

.v196-media-layout{display:grid;grid-template-columns:230px 1fr;gap:14px}.v196-folder-panel,.v196-media-main{background:#fff;border:1px solid #e0e9f0;border-radius:18px;padding:15px}.v196-folder-head{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:10px}.v196-folder-head h3{margin:0;color:#173f62;font-size:15px}.v196-folder-list{display:grid;gap:3px;max-height:590px;overflow:auto}.v196-folder-btn{width:100%;border:0;background:transparent;border-radius:9px;padding:8px 9px;text-align:left;color:#4c6579;font:inherit;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px}.v196-folder-btn:hover,.v196-folder-btn.active{background:#eef7fb;color:#176f8b}.v196-folder-count{font-size:9px;background:#edf2f5;border-radius:999px;padding:2px 6px;color:#6c7f8f}.v196-folder-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.v196-breadcrumb{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:10px;color:#738797;margin-bottom:10px}.v196-breadcrumb button{border:0;background:none;color:#1a7693;padding:0;cursor:pointer;font:inherit}
.v196-media-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:10px}.v196-media-toolbar-left,.v196-media-toolbar-right{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.v196-media-toolbar input[type=search],.v196-media-toolbar select{border:1px solid #d8e4ec;border-radius:9px;padding:8px 9px;font:inherit;font-size:11px}.v196-drop{border:1.5px dashed #c8dae5;border-radius:14px;padding:17px;text-align:center;background:#f8fbfd;color:#6c8294;font-size:11px;transition:.15s}.v196-drop.drag{border-color:#43a8bc;background:#eefafd}.v196-media-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px}.v196-media-tile{border:1px solid #e2eaf0;border-radius:13px;background:#fff;overflow:hidden;position:relative}.v196-media-tile.selected{box-shadow:0 0 0 2px #2c9bb2;border-color:#2c9bb2}.v196-media-pic{aspect-ratio:1;background:#f4f7f9;display:grid;place-items:center;overflow:hidden}.v196-media-pic img{width:100%;height:100%;object-fit:cover}.v196-media-meta{padding:8px}.v196-media-meta b{display:block;font-size:10px;color:#314e65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v196-media-meta small{display:block;color:#8a9aa7;font-size:8px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v196-media-check{position:absolute;top:7px;left:7px;z-index:2;width:20px;height:20px}.v196-media-actions{display:flex;gap:4px;flex-wrap:wrap;padding:0 8px 8px}.v196-media-actions button{flex:1;border:1px solid #dfe7ed;background:#fff;color:#496478;border-radius:7px;padding:5px;font-size:8px;font-weight:700;cursor:pointer}.v196-media-actions button.danger{color:#a34750;background:#fff6f7}.v196-usage{margin-top:3px;font-size:8px;color:#7a8c9b}.v196-usage.inuse{color:#9b6b11;font-weight:700}
.v196-media-picker{position:fixed;inset:0;background:rgba(7,28,46,.56);z-index:700;display:none;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(4px)}.v196-media-picker.show{display:flex}.v196-picker-card{width:min(1120px,97vw);max-height:92dvh;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 28px 90px rgba(0,0,0,.24);display:flex;flex-direction:column}.v196-picker-head{padding:14px 16px;border-bottom:1px solid #e4ebf0;display:flex;align-items:center;justify-content:space-between;gap:10px}.v196-picker-head h3{margin:0;color:#173f62;font-size:16px}.v196-picker-body{padding:14px;overflow:auto}.v196-picker-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.v196-picker-item{border:1px solid #e1e9ef;background:#fff;border-radius:12px;overflow:hidden;cursor:pointer;text-align:left}.v196-picker-item:hover{border-color:#4daabe;box-shadow:0 6px 18px rgba(31,91,119,.08)}.v196-picker-item img{width:100%;aspect-ratio:1;object-fit:cover;background:#f5f8fa}.v196-picker-item span{display:block;padding:7px;font-size:9px;color:#4c6578;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v196-preview-modal{position:fixed;inset:0;background:rgba(6,28,46,.65);z-index:710;display:none;align-items:center;justify-content:center;padding:18px}.v196-preview-modal.show{display:flex}.v196-preview-card{width:min(900px,96vw);background:#fff;border-radius:20px;padding:18px;box-shadow:0 25px 80px rgba(0,0,0,.28)}
@media(max-width:1100px){.v196-media-grid{grid-template-columns:repeat(4,1fr)}.v196-picker-grid{grid-template-columns:repeat(5,1fr)}}
@media(max-width:900px){.v196-scheduler-grid{grid-template-columns:1fr}.v196-media-layout{grid-template-columns:1fr}.v196-folder-list{max-height:220px}.v196-media-grid{grid-template-columns:repeat(3,1fr)}.v196-picker-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:620px){.v196-form{grid-template-columns:1fr}.v196-field.full{grid-column:auto}.v196-ad-row{grid-template-columns:68px 1fr}.v196-ad-thumb{width:68px;height:56px}.v196-row-actions{grid-column:1/-1;justify-content:flex-start}.v196-calendar{overflow:auto;grid-template-columns:repeat(7,minmax(86px,1fr))}.v196-media-grid{grid-template-columns:repeat(2,1fr)}.v196-picker-grid{grid-template-columns:repeat(3,1fr)}}


/* ===== v19_8_maintenance.css ===== */


/* ===== V19.8 MAINTENANCE MODE ===== */
html.wc198-mode-check body{visibility:hidden}
html.wc198-mode-check::before{
  content:"WE CARE PHARMACY";
  position:fixed;inset:0;z-index:2147483646;
  display:grid;place-items:center;
  background:#f8fbfc;
  color:#174363;
  font:700 16px/1.4 Anuphan,"Noto Sans Thai",Tahoma,Arial,sans-serif;
  letter-spacing:.4px;
}
body.wc198-maintenance-active{overflow:hidden!important}
#wc198Maintenance{
  position:fixed;inset:0;z-index:2147483000;
  display:none;overflow:auto;
  background:
    radial-gradient(circle at 12% 12%,rgba(54,174,188,.09),transparent 30%),
    radial-gradient(circle at 88% 90%,rgba(31,125,181,.08),transparent 34%),
    #f8fbfc;
  font-family:Anuphan,"Noto Sans Thai",Tahoma,Arial,sans-serif;
}
#wc198Maintenance.show{display:block}
.wc198-maint-wrap{
  min-height:100dvh;
  width:min(1120px,calc(100% - 36px));
  margin:auto;
  display:grid;
  grid-template-columns:1.08fr .92fr;
  align-items:center;
  gap:52px;
  padding:48px 0;
}
.wc198-maint-copy{padding:20px 0}
.wc198-maint-brand{display:flex;align-items:center;gap:13px;margin-bottom:28px}
.wc198-maint-logo{
  width:66px;height:66px;border-radius:18px;overflow:hidden;
  background:#fff;border:1px solid #e1e9ed;
  box-shadow:0 10px 28px rgba(31,71,97,.08)
}
.wc198-maint-logo img{width:100%;height:100%;object-fit:cover}
.wc198-maint-brand b{display:block;color:#173e5d;font-size:18px;letter-spacing:.3px}
.wc198-maint-brand small{display:block;margin-top:3px;color:#7790a1;font-size:11px}
.wc198-maint-badge{
  display:inline-flex;align-items:center;gap:8px;
  border-radius:999px;padding:8px 12px;
  background:#eaf7f8;color:#167b8d;border:1px solid #d2ecef;
  font-size:11px;font-weight:700
}
.wc198-maint-badge::before{
  content:"";width:7px;height:7px;border-radius:50%;background:#28a5b4;
  box-shadow:0 0 0 4px rgba(40,165,180,.10)
}
.wc198-maint-copy h1{
  margin:20px 0 13px;color:#153b59;
  font-size:clamp(34px,5.2vw,62px);line-height:1.12;
  letter-spacing:-1.4px;font-weight:700
}
.wc198-maint-copy>p{
  margin:0;color:#667e8f;font-size:16px;line-height:1.9;max-width:650px
}
.wc198-maint-note{
  margin-top:20px;display:inline-flex;align-items:center;gap:8px;
  color:#577487;font-size:12px
}
.wc198-maint-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}
.wc198-maint-action{
  border:1px solid #d7e3e9;background:#fff;color:#31566d;
  min-height:46px;border-radius:13px;padding:0 17px;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-size:12px;font-weight:700;text-decoration:none;cursor:pointer;
  box-shadow:0 7px 18px rgba(27,67,91,.045)
}
.wc198-maint-action.primary{
  border-color:#148ba1;background:#148ba1;color:#fff;
  box-shadow:0 8px 20px rgba(20,139,161,.14)
}
.wc198-maint-langs{display:flex;gap:6px;margin-top:24px}
.wc198-maint-lang{
  border:1px solid #dbe6eb;background:#fff;color:#60798a;
  border-radius:999px;padding:6px 11px;font-size:10px;font-weight:700;cursor:pointer
}
.wc198-maint-lang.active{background:#173f5d;color:#fff;border-color:#173f5d}
.wc198-maint-visual{
  position:relative;min-height:480px;border-radius:34px;
  background:linear-gradient(145deg,#ecf7f8,#f5fbfc 50%,#e9f3f8);
  border:1px solid #deeaee;overflow:hidden;
  display:grid;place-items:center;
  box-shadow:0 24px 70px rgba(28,69,94,.08)
}
.wc198-maint-cross{
  width:190px;height:190px;position:relative;color:#1b91a3
}
.wc198-maint-cross::before,.wc198-maint-cross::after{
  content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  border-radius:22px;background:currentColor;
  box-shadow:0 18px 36px rgba(27,145,163,.12)
}
.wc198-maint-cross::before{width:190px;height:66px}
.wc198-maint-cross::after{width:66px;height:190px}
.wc198-maint-pill{
  position:absolute;padding:11px 14px;border:1px solid rgba(255,255,255,.8);
  background:rgba(255,255,255,.82);backdrop-filter:blur(8px);
  border-radius:16px;color:#4f6f81;font-size:11px;font-weight:650;
  box-shadow:0 10px 30px rgba(27,68,93,.07)
}
.wc198-maint-pill.p1{left:34px;top:48px}
.wc198-maint-pill.p2{right:32px;bottom:55px}
.wc198-maint-footer{
  position:absolute;left:30px;right:30px;bottom:24px;
  display:flex;justify-content:space-between;gap:15px;color:#8296a4;font-size:9px
}

/* Admin Maintenance manager */
.wc198-admin-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:15px}
.wc198-admin-card{
  background:#fff;border:1px solid #e0e9ef;border-radius:20px;padding:20px
}
.wc198-admin-card h3{margin:0 0 12px;color:#173f62}
.wc198-status{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  border-radius:16px;padding:15px 16px;margin-bottom:15px
}
.wc198-status.open{background:#edf9f1;border:1px solid #d5eddc;color:#287343}
.wc198-status.closed{background:#fff7e8;border:1px solid #f1e1ba;color:#83611a}
.wc198-status b{font-size:14px}.wc198-status small{display:block;margin-top:3px;opacity:.78}
.wc198-switch-row{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:14px;border:1px solid #e3ebf0;border-radius:15px;background:#fbfdfe
}
.wc198-switch{position:relative;width:50px;height:28px;flex:none}
.wc198-switch input{opacity:0;width:0;height:0}
.wc198-switch span{
  position:absolute;inset:0;border-radius:999px;background:#cbd7df;cursor:pointer;transition:.2s
}
.wc198-switch span::after{
  content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;border-radius:50%;
  background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.14);transition:.2s
}
.wc198-switch input:checked+span{background:#1791a4}
.wc198-switch input:checked+span::after{transform:translateX(22px)}
.wc198-form{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:14px}
.wc198-field{display:flex;flex-direction:column;gap:6px}
.wc198-field.full{grid-column:1/-1}
.wc198-field label{font-size:11px;font-weight:700;color:#526b7e}
.wc198-field input,.wc198-field textarea{
  border:1px solid #d9e5eb;border-radius:11px;padding:10px 11px;background:#fff;outline:none;font:inherit
}
.wc198-field textarea{min-height:82px;resize:vertical}
.wc198-checks{display:flex;gap:14px;flex-wrap:wrap;margin-top:13px;color:#506b7e;font-size:11px}
.wc198-admin-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}
.wc198-danger-btn{
  border:0;border-radius:12px;padding:10px 14px;font-weight:750;cursor:pointer;
  background:#e9a42b;color:#fff
}
.wc198-open-btn{
  border:0;border-radius:12px;padding:10px 14px;font-weight:750;cursor:pointer;
  background:#278a50;color:#fff
}
.wc198-preview-box{
  min-height:330px;border-radius:20px;border:1px solid #e0e9ee;
  background:linear-gradient(145deg,#f4fafb,#eef6f8);
  padding:24px;display:flex;flex-direction:column;justify-content:center
}
.wc198-preview-box img{width:58px;height:58px;border-radius:14px;margin-bottom:17px}
.wc198-preview-box span{font-size:10px;color:#17879a;font-weight:750}
.wc198-preview-box h4{font-size:27px;line-height:1.2;margin:10px 0;color:#173e5c}
.wc198-preview-box p{font-size:12px;line-height:1.7;color:#6d8292;margin:0}
.wc198-preview-box small{margin-top:18px;color:#8395a1}

@media(max-width:900px){
  .wc198-maint-wrap{grid-template-columns:1fr;width:min(680px,calc(100% - 28px));gap:24px;padding:28px 0}
  .wc198-maint-visual{min-height:300px;order:-1}
  .wc198-maint-cross{transform:scale(.72)}
  .wc198-admin-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .wc198-maint-wrap{width:min(100% - 24px,680px);padding:20px 0 30px}
  .wc198-maint-visual{min-height:230px;border-radius:24px}
  .wc198-maint-pill{display:none}
  .wc198-maint-copy h1{font-size:34px;letter-spacing:-.8px}
  .wc198-maint-copy>p{font-size:14px}
  .wc198-maint-brand{margin-bottom:20px}
  .wc198-maint-logo{width:56px;height:56px}
  .wc198-maint-actions{display:grid;grid-template-columns:1fr}
  .wc198-maint-action{width:100%}
  .wc198-form{grid-template-columns:1fr}
  .wc198-field.full{grid-column:auto}
}

/* V21.1 classic font */
.wc-maintenance-root,.wc-maintenance-card,.wc-maintenance-card button,.wc-maintenance-card input{font-family:Inter,Tahoma,"Leelawadee UI",Arial,sans-serif!important}

/* V21.3 Tahoma unified */
.wc-maintenance-root,.wc-maintenance-card,.wc-maintenance-card *{font-family:Tahoma,"Leelawadee UI","Microsoft Sans Serif",Arial,sans-serif!important}

/* V21.4 Noto Sans Thai unified */
.wc-maintenance-root,.wc-maintenance-card,.wc-maintenance-card *{font-family:"Noto Sans Thai","Noto Sans SC","Leelawadee UI","Microsoft YaHei",Tahoma,Arial,sans-serif!important}


/* ===== v21_1_classic_restore.css ===== */

/* WE CARE PHARMACY V21.1 — CLASSIC RESTORE */
:root{
  --blue:#155fa9;--blue2:#2c83cf;--teal:#1e9ca0;--navy:#12345a;
  --ink:#172033;--muted:#6c7b8e;--line:#e4ebf3;--soft:#f7fafc;--white:#fff;
}
html,body,button,input,select,textarea{
  font-family:Inter,Tahoma,"Leelawadee UI",Arial,sans-serif!important;
}
body{color:var(--ink)!important;font-weight:400!important;line-height:1.5!important;letter-spacing:0!important}
h1,h2,h3,h4,h5,h6{color:var(--ink)!important;font-weight:700!important;letter-spacing:0!important}

.topbar{background:#12375d!important;color:#e4effb!important;font-size:13px!important}
.brand-text{color:#173e5d!important;font-weight:800!important}
.brand-text small{color:#7b8da0!important;font-weight:500!important}
.search{background:#f7fafc!important;border-color:#e4ebf3!important}
.search input{color:#172033!important}
.search button{background:linear-gradient(135deg,#0f78ad,#20a9ad)!important;color:#fff!important}

.main-menu{
  background:linear-gradient(90deg,#0d74a8 0%,#148aae 52%,#189bab 100%)!important;
  border:0!important;box-shadow:0 3px 10px rgba(14,60,104,.08)!important
}
.main-menu .nav{color:#fff!important;font-size:14px!important;font-weight:700!important}
.main-menu .nav a,.main-menu .nav a:visited,.main-menu .nav a:hover,.main-menu a.wc205-active-link{
  color:#fff!important;opacity:.96!important
}
.main-menu .nav a:hover,.main-menu a.wc205-active-link{opacity:1!important}
.main-menu .nav a:after{background:#fff!important}

.hero-card,.delivery-ad,.care-ad{color:#fff!important}
.hero-copy,.ad-copy{color:#fff!important}
.hero-copy h1,.hero-copy h1 strong,
.delivery-ad .ad-copy h1,.delivery-ad .ad-copy h1 strong,
.care-ad .ad-copy h1,.care-ad .ad-copy h1 strong{
  color:#fff!important;font-weight:800!important;line-height:1.04!important;
  letter-spacing:-1.2px!important;text-shadow:none!important
}
.hero-copy p,.delivery-ad .ad-copy p,.care-ad .ad-copy p{
  color:#e9f4ff!important;font-weight:400!important;line-height:1.75!important
}
.hero-copy .eyebrow,.ad-kicker{
  color:#fff!important;background:rgba(255,255,255,.12)!important;
  border-color:rgba(255,255,255,.25)!important;font-weight:800!important
}
.wellness-ad .dark-copy,.wellness-ad .dark-copy h1,.wellness-ad .dark-copy h1 strong{color:#173e5d!important}
.wellness-ad .dark-copy p{color:#63788a!important}

.section-head h2{color:#173e5d!important;font-weight:800!important}
.section-head p{color:#708398!important}
.kicker,.eyebrow{font-weight:800!important}

.product h3,.wc203-product-name,.wc204-home-card b,.wc204-related-card b{
  color:#263f55!important;font-weight:700!important;letter-spacing:0!important
}
.product .price strong,.wc203-price,.wc204-home-card strong,.wc204-related-card strong,.wc204-detail-price strong{
  color:#1489a4!important;font-weight:800!important
}
.product .meta,.v15-product-meta{color:#8795a2!important}

.chip,.filter-chip,.wc203-chip{color:#52697d!important;background:#fff!important;border-color:#dfe9ee!important}
.chip.active,.filter-chip.active,.wc203-chip.active{
  color:#0e7896!important;background:#eef8fa!important;border-color:#cfe6ec!important
}

#wc203Sidebar,#wc203Sidebar label,#wc203Sidebar button,#wc203Sidebar input,#wc203Sidebar select{
  font-size:12px!important;font-weight:400!important;color:#5f7385!important
}
#wc203Sidebar .wc203-sidebar-title,#wc203Sidebar .wc203-filter-title,#wc203Sidebar b,#wc203Sidebar strong{
  color:#5b7082!important;font-weight:700!important
}

.wc204-detail-copy h1{color:#173e5d!important;font-weight:800!important}
.wc204-detail-desc{color:#536b7c!important}
.wc204-detail-kicker{color:#13849d!important;font-weight:900!important}

.btn,.product button,.wc204-detail-actions button,.wc204-detail-actions a{font-weight:700!important}
.wc204-detail-buy{background:#12849d!important;color:#fff!important}
.wc204-detail-ask{background:#eef5ff!important;color:#3167a0!important}

.admin-shell,.admin-panel,.admin-body,.admin-card,.v15-modal,.v18-modal{
  font-family:Inter,Tahoma,"Leelawadee UI",Arial,sans-serif!important;color:#344f63!important
}
.admin-top h2,.admin-card h3,.admin-card h4,.v18-card h3{
  color:#173e5d!important;font-weight:800!important
}
.admin-tabs button,.admin-subtabs button,.v18-btn,.v15-btn,.mini-btn{font-weight:700!important}
.admin-tabs button.active,.admin-subtabs button.active{color:#0f7897!important}
.admin-card p,.admin-card small,.v18-list-row small{color:#718595!important}
.admin-panel label,.v18-form label,.v15-field label{color:#52697d!important;font-weight:700!important}
.admin-panel input,.admin-panel select,.admin-panel textarea{color:#344f63!important;font-weight:400!important}

@media(max-width:780px){
  body{font-family:Tahoma,"Leelawadee UI",Arial,sans-serif!important}
  .brand-text{display:none!important}
  #wc203CatalogMain .product h3{font-weight:700!important}
  #wcMobileBottomNav button{
    font-family:Tahoma,"Leelawadee UI",Arial,sans-serif!important;font-weight:700!important
  }
}


/* ===== v21_2_public_font_sync.css ===== */

/* WE CARE PHARMACY V21.2 — PUBLIC FONT SYNC
   Keep the classic font; make Home / Products / Product Detail identical. */

:root{
  --wc-public-font:Inter,Tahoma,"Leelawadee UI",Arial,sans-serif;
}

/* same font everywhere on public site */
body,
body *:not(svg):not(path){
  font-family:var(--wc-public-font)!important;
}

/* global hierarchy */
body{
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.55!important;
}
h1,h2,h3,h4,h5,h6{
  font-weight:700!important;
  letter-spacing:0!important;
}
p,span,small,label,input,select,textarea{
  letter-spacing:0!important;
}

/* same header typography on every public route */
.brand-text{
  font-size:20px!important;
  font-weight:800!important;
}
.brand-text small{
  font-size:11px!important;
  font-weight:500!important;
}
.main-menu .nav,
.main-menu .nav a{
  font-size:14px!important;
  font-weight:700!important;
}
.search input{
  font-size:14px!important;
  font-weight:400!important;
}
.search button{
  font-size:13px!important;
  font-weight:700!important;
}

/* section title = same family / weight as homepage */
.section-head h2,
body.wc204-products-page #products .section-head h2{
  font-family:var(--wc-public-font)!important;
  font-size:30px!important;
  font-weight:800!important;
  line-height:1.3!important;
}
.section-head p,
body.wc204-products-page #products .section-head p{
  font-family:var(--wc-public-font)!important;
  font-size:13px!important;
  font-weight:400!important;
  line-height:1.65!important;
}

/* products catalogue */
.wc204-breadcrumb{
  font-size:10.5px!important;
  font-weight:400!important;
}
#wc203Sidebar,
#wc203Sidebar label,
#wc203Sidebar input,
#wc203Sidebar select,
#wc203Sidebar button{
  font-family:var(--wc-public-font)!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:1.5!important;
}
#wc203Sidebar .wc203-sidebar-title,
#wc203Sidebar .wc203-filter-title,
#wc203Sidebar b,
#wc203Sidebar strong{
  font-size:12px!important;
  font-weight:700!important;
}

#wc203CatalogMain .v194-chip{
  font-size:11px!important;
  font-weight:700!important;
}
#wc203CatalogMain #prodSearch{
  font-size:14px!important;
  font-weight:400!important;
}
#wc203CatalogMain .v194-count,
#wc203CatalogMain .v194-sort{
  font-size:11px!important;
  font-weight:400!important;
}

.product h3,
.wc203-product-name{
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.5!important;
}
.v15-product-meta,
.product .meta{
  font-size:10.5px!important;
  font-weight:400!important;
}
.product .price strong{
  font-size:14px!important;
  font-weight:800!important;
}

/* detail page */
.wc204-detail-copy h1{
  font-family:var(--wc-public-font)!important;
  font-weight:800!important;
}
.wc204-detail-desc{
  font-family:var(--wc-public-font)!important;
  font-size:13px!important;
  font-weight:400!important;
  line-height:1.75!important;
}

/* mobile — same classic font, only size changes */
@media(max-width:780px){
  body,
  body *:not(svg):not(path){
    font-family:Tahoma,"Leelawadee UI",Arial,sans-serif!important;
  }
  body.wc204-products-page #products .section-head h2{
    font-size:24px!important;
  }
  .product h3,
  .wc203-product-name{
    font-size:12px!important;
    line-height:1.5!important;
  }
}


/* ===== v21_4_noto_sans_thai.css ===== */

/* =========================================================
   WE CARE PHARMACY V21.4 — NOTO SANS THAI UNIFIED
   Font-only change. Layout/colors/sizing remain from V21.3.
   ========================================================= */

:root{
  --wc-noto:"Noto Sans Thai","Noto Sans SC","Leelawadee UI","Microsoft YaHei",Tahoma,Arial,sans-serif;
}

/* Entire public + admin + maintenance */
html,body,
button,input,select,textarea,
header,main,footer,
.brand,.brand-text,.topbar,.main-menu,.search,
.hero-copy,.ad-copy,
.section-head,
.product,.wc203-product-name,
.wc204-home-card,.wc204-detail-copy,.wc204-related-card,
#wc203Sidebar,#wc203CatalogMain,
.admin-shell,.admin-panel,.admin-body,.admin-card,
.admin-tabs,.admin-subtabs,
.v15-modal,.v18-modal,
.wc-maintenance-root,.wc-maintenance-card{
  font-family:var(--wc-noto)!important;
}

/* Force descendants too, except SVG shapes */
body *:not(svg):not(path):not(circle):not(rect):not(line):not(polyline){
  font-family:var(--wc-noto)!important;
}

/* Keep V21.3 weights/sizing; only normalize font rendering */
body{
  font-weight:400!important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

h1,h2,h3,h4,h5,h6{
  font-family:var(--wc-noto)!important;
}

/* Header / navigation */
.brand-text,
.brand-text small,
.topbar,
.main-menu .nav,
.main-menu .nav a,
.search input,
.search button{
  font-family:var(--wc-noto)!important;
}

/* Hero */
.hero-copy h1,
.hero-copy p,
.ad-copy h1,
.ad-copy h1 strong,
.ad-copy p,
.ad-kicker,.eyebrow,.kicker{
  font-family:var(--wc-noto)!important;
}

/* Catalogue / product */
.section-head h2,
.section-head p,
.wc204-breadcrumb,
.wc204-detail-breadcrumb,
#wc203Sidebar *,
#wc203CatalogMain *,
.product *,
.wc204-detail-copy *,
.wc204-related-card *{
  font-family:var(--wc-noto)!important;
}

/* Admin */
.admin-shell *,
.admin-panel *,
.admin-card *,
.v15-modal *,
.v18-modal *{
  font-family:var(--wc-noto)!important;
}

/* Maintenance */
.wc-maintenance-root *,
.wc-maintenance-card *{
  font-family:var(--wc-noto)!important;
}


/* ===== v21_7_product_detail_ux.css ===== */

/* =========================================================
   WE CARE PHARMACY V21.7 — PRODUCT DETAIL UX
   Bigger colorful product info + zoom gallery + contact choices
   ========================================================= */

/* ---- Product info cards ---- */
.wc204-detail-info{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  margin:22px 0!important;
}
.wc204-detail-info .wc217-info-card{
  position:relative;
  min-height:82px;
  display:grid;
  grid-template-columns:42px 1fr;
  gap:12px;
  align-items:center;
  border:1px solid #e3edf2!important;
  border-radius:16px!important;
  padding:14px!important;
  overflow:hidden;
  box-shadow:0 8px 24px rgba(31,72,98,.05);
}
.wc217-info-icon{
  width:42px;height:42px;border-radius:13px;
  display:grid;place-items:center;
  font-size:20px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.7);
}
.wc217-info-card small{
  font-size:11px!important;
  line-height:1.25!important;
  margin:0 0 5px!important;
  color:#6f8391!important;
  font-weight:500!important;
}
.wc217-info-card b{
  display:block;
  font-size:14px!important;
  line-height:1.4!important;
  color:#263f54!important;
  font-weight:600!important;
  overflow-wrap:anywhere;
}
.wc217-info-card.brand{background:linear-gradient(135deg,#f2f8ff,#fbfdff)!important}
.wc217-info-card.brand .wc217-info-icon{background:#e3f1ff;color:#1673bd}
.wc217-info-card.pack{background:linear-gradient(135deg,#effbf9,#fbfffe)!important}
.wc217-info-card.pack .wc217-info-icon{background:#dcf7f0;color:#148b72}
.wc217-info-card.sku{background:linear-gradient(135deg,#f7f3ff,#fdfcff)!important}
.wc217-info-card.sku .wc217-info-icon{background:#eee5ff;color:#7756c6}
.wc217-info-card.barcode{background:linear-gradient(135deg,#fff8ed,#fffdf9)!important}
.wc217-info-card.barcode .wc217-info-icon{background:#fff0d5;color:#bc7819}

/* ---- Product image interaction ---- */
.wc204-detail-main{
  position:relative;
  cursor:zoom-in;
  background:#f7f9fb!important;
}
.wc204-detail-main img{
  transition:transform .22s ease;
}
.wc204-detail-main:hover img{
  transform:scale(1.025);
}
.wc217-gallery-hint{
  position:absolute;
  right:14px;
  bottom:14px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:1px solid rgba(224,234,239,.9);
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(8px);
  border-radius:999px;
  padding:8px 11px;
  color:#496478;
  font-size:10px;
  font-weight:600;
  box-shadow:0 7px 20px rgba(25,62,84,.08);
  pointer-events:none;
}
.wc217-gallery-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:42px;height:42px;
  border-radius:50%;
  border:1px solid #dce8ee;
  background:rgba(255,255,255,.94);
  color:#174f70;
  display:grid;place-items:center;
  cursor:pointer;
  font-size:22px;
  box-shadow:0 8px 20px rgba(20,66,92,.10);
  z-index:3;
}
.wc217-gallery-arrow:hover{background:#12849d;color:#fff;border-color:#12849d}
.wc217-gallery-arrow.prev{left:12px}
.wc217-gallery-arrow.next{right:12px}
.wc217-image-count{
  position:absolute;
  top:14px;right:14px;
  background:rgba(17,57,84,.82);
  color:#fff;
  border-radius:999px;
  padding:6px 10px;
  font-size:10px;
  font-weight:600;
  pointer-events:none;
}

/* ---- Better main actions ---- */
.wc204-detail-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr;
  gap:11px!important;
}
.wc204-detail-actions button{
  min-height:50px;
  font-size:13px!important;
  font-weight:600!important;
  border-radius:14px!important;
}
.wc204-detail-buy{
  background:linear-gradient(135deg,#0f7897,#159eae)!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(15,120,151,.15);
}
.wc204-detail-ask{
  background:linear-gradient(135deg,#eff8ff,#edfdf8)!important;
  color:#1a6581!important;
  border:1px solid #d5e9ef!important;
}

/* ---- Contact choice modal ---- */
.wc217-contact-overlay{
  position:fixed;inset:0;z-index:4000;
  display:none;
  align-items:center;justify-content:center;
  padding:20px;
  background:rgba(7,26,39,.58);
  backdrop-filter:blur(7px);
}
.wc217-contact-overlay.show{display:flex}
.wc217-contact-modal{
  width:min(560px,96vw);
  background:#fff;
  border-radius:24px;
  box-shadow:0 30px 100px rgba(0,0,0,.28);
  overflow:hidden;
}
.wc217-contact-head{
  padding:24px 24px 18px;
  display:flex;align-items:flex-start;justify-content:space-between;gap:14px;
  border-bottom:1px solid #eaf0f3;
}
.wc217-contact-head h3{
  margin:0 0 4px;
  color:#173e5d!important;
  font-size:20px!important;
  font-weight:700!important;
}
.wc217-contact-head p{
  margin:0;color:#738796;font-size:12px;line-height:1.6;
}
.wc217-contact-close{
  flex:0 0 auto;
  width:40px;height:40px;border-radius:12px;
  border:1px solid #dde8ed;background:#fff;color:#38566b;
  cursor:pointer;font-size:20px;
}
.wc217-contact-body{padding:20px 24px 24px}
.wc217-contact-product{
  display:flex;align-items:center;gap:11px;
  margin-bottom:16px;
  padding:11px 12px;
  background:#f7fafc;border:1px solid #e7eef2;border-radius:14px;
}
.wc217-contact-product img{
  width:50px;height:50px;object-fit:contain;background:#fff;border-radius:10px;
}
.wc217-contact-product span{
  color:#536b7c;font-size:11px;
}
.wc217-contact-product b{
  display:block;color:#24445f;font-size:13px;margin-top:2px;
}
.wc217-contact-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.wc217-contact-card{
  min-height:148px;
  border-radius:20px;
  padding:20px;
  text-decoration:none!important;
  color:#fff!important;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  position:relative;
  overflow:hidden;
  border:0;
  cursor:pointer;
  transition:.2s ease;
}
.wc217-contact-card:hover{transform:translateY(-3px)}
.wc217-contact-card:after{
  content:"";
  position:absolute;
  width:110px;height:110px;border-radius:50%;
  right:-28px;top:-35px;
  background:rgba(255,255,255,.13);
}
.wc217-contact-card.line{background:linear-gradient(135deg,#04b94e,#06c755)}
.wc217-contact-card.whatsapp{background:linear-gradient(135deg,#159d57,#25d366)}
.wc217-contact-card.disabled{
  filter:grayscale(.65);
  opacity:.55;
  cursor:not-allowed;
}
.wc217-contact-icon{
  position:relative;z-index:2;
  width:52px;height:52px;border-radius:16px;
  display:grid;place-items:center;
  background:#fff;
  box-shadow:0 8px 20px rgba(0,0,0,.13);
}
.wc217-contact-icon svg{width:34px;height:34px;display:block}
.wc217-contact-card strong{
  position:relative;z-index:2;
  color:#fff!important;
  font-size:18px!important;
  font-weight:700!important;
}
.wc217-contact-card small{
  position:relative;z-index:2;
  color:rgba(255,255,255,.9)!important;
  font-size:10.5px!important;
  line-height:1.5;
}
.wc217-contact-note{
  margin:14px 0 0;
  padding:10px 12px;
  border-radius:12px;
  background:#f5f9fb;
  color:#748795;
  font-size:10px;
  line-height:1.55;
}

/* ---- Full-screen image viewer ---- */
.wc217-lightbox{
  position:fixed;inset:0;z-index:5000;
  display:none;
  background:rgba(3,16,25,.94);
  color:#fff;
  user-select:none;
  touch-action:none;
}
.wc217-lightbox.show{display:block}
.wc217-lightbox-stage{
  position:absolute;inset:70px 60px 90px;
  overflow:hidden;
  display:grid;place-items:center;
  cursor:grab;
}
.wc217-lightbox-stage.dragging{cursor:grabbing}
.wc217-lightbox-img{
  max-width:88vw;
  max-height:78vh;
  object-fit:contain;
  transform-origin:center center;
  will-change:transform;
  pointer-events:none;
}
.wc217-lightbox-top{
  position:absolute;left:0;right:0;top:0;
  height:64px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:0 18px;
  background:linear-gradient(180deg,rgba(0,0,0,.45),transparent);
}
.wc217-lightbox-title{font-size:13px;font-weight:500;color:#fff}
.wc217-lightbox-close{
  width:42px;height:42px;border-radius:50%;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.10);color:#fff;
  cursor:pointer;font-size:22px;
}
.wc217-lightbox-controls{
  position:absolute;left:50%;bottom:22px;transform:translateX(-50%);
  display:flex;align-items:center;gap:8px;
  padding:8px;
  border-radius:16px;
  background:rgba(255,255,255,.11);
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(12px);
}
.wc217-lightbox-controls button{
  min-width:42px;height:40px;
  padding:0 12px;
  border:0;border-radius:11px;
  background:rgba(255,255,255,.11);
  color:#fff;cursor:pointer;
  font-size:16px;font-weight:600;
}
.wc217-lightbox-controls button:hover{background:rgba(255,255,255,.22)}
.wc217-lightbox-nav{
  position:absolute;top:50%;transform:translateY(-50%);
  width:50px;height:50px;border-radius:50%;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.10);color:#fff;
  display:grid;place-items:center;cursor:pointer;font-size:28px;
}
.wc217-lightbox-nav.prev{left:16px}
.wc217-lightbox-nav.next{right:16px}
.wc217-lightbox-help{
  position:absolute;right:18px;bottom:28px;
  color:rgba(255,255,255,.65);
  font-size:10px;
}

/* ---- Footer social icons: larger and vivid ---- */
.v16-socials{gap:10px!important}
.v16-social{
  width:48px!important;height:48px!important;
  border-radius:15px!important;
  font-size:12px!important;
  box-shadow:0 9px 22px rgba(0,0,0,.16)!important;
}
.v16-social.line{background:#06c755!important}
.v16-social.whatsapp{background:#25d366!important}

@media(max-width:720px){
  .wc204-detail-info{grid-template-columns:1fr 1fr!important}
  .wc217-info-card{grid-template-columns:36px 1fr!important;padding:11px!important;min-height:70px!important}
  .wc217-info-icon{width:36px;height:36px;border-radius:11px;font-size:17px}
  .wc217-info-card small{font-size:10px!important}
  .wc217-info-card b{font-size:12px!important}
  .wc204-detail-actions{grid-template-columns:1fr!important}
  .wc217-contact-grid{grid-template-columns:1fr!important}
  .wc217-contact-card{min-height:118px}
  .wc217-lightbox-stage{inset:64px 12px 92px}
  .wc217-lightbox-nav{width:42px;height:42px;font-size:23px}
  .wc217-lightbox-nav.prev{left:8px}.wc217-lightbox-nav.next{right:8px}
  .wc217-lightbox-help{display:none}
  .wc217-gallery-hint{font-size:9px;padding:7px 9px}
}


/* ===== v21_8_hover_zoom.css ===== */

/* =========================================================
   WE CARE PHARMACY V21.8 — HOVER ZOOM
   Desktop: move mouse over product image to zoom toward cursor.
   Mobile: tap still opens full-screen viewer.
   ========================================================= */

/* remove the old text hint */
.wc217-gallery-hint{
  display:none!important;
}

/* premium image showcase */
.wc204-detail-main.wc218-hover-zoom{
  position:relative!important;
  overflow:hidden!important;
  cursor:crosshair!important;
  background:
    radial-gradient(circle at 50% 44%,#ffffff 0%,#fafcfd 48%,#f3f7f9 100%)!important;
  border:1px solid #e1eaef!important;
  box-shadow:
    0 20px 48px rgba(30,68,91,.08),
    inset 0 1px 0 rgba(255,255,255,.9)!important;
}

.wc204-detail-main.wc218-hover-zoom::before{
  content:"";
  position:absolute;
  inset:16px;
  border-radius:18px;
  border:1px solid rgba(219,231,237,.7);
  pointer-events:none;
  z-index:1;
}

.wc204-detail-main.wc218-hover-zoom img{
  position:relative;
  z-index:0;
  transform:scale(1)!important;
  transform-origin:50% 50%;
  transition:
    transform .22s cubic-bezier(.2,.72,.2,1),
    transform-origin .05s linear!important;
  will-change:transform,transform-origin;
}

/* automatic mouse-follow zoom */
@media (hover:hover) and (pointer:fine){
  .wc204-detail-main.wc218-hover-zoom:hover img{
    transform:scale(2)!important;
    transition:
      transform .18s cubic-bezier(.2,.72,.2,1),
      transform-origin .035s linear!important;
  }
}

/* small visual cue, no "zoom" wording */
.wc218-view-cue{
  position:absolute;
  left:16px;
  bottom:16px;
  z-index:4;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.9);
  border:1px solid rgba(220,232,238,.92);
  box-shadow:0 8px 22px rgba(26,66,89,.08);
  color:#587083;
  font-size:10px;
  font-weight:500;
  pointer-events:none;
  backdrop-filter:blur(8px);
  opacity:.96;
  transition:opacity .18s ease,transform .18s ease;
}

.wc218-view-cue svg{
  width:15px;height:15px;
  stroke:#1188a0;
  stroke-width:1.8;
  fill:none;
}

@media (hover:hover) and (pointer:fine){
  .wc204-detail-main.wc218-hover-zoom:hover .wc218-view-cue{
    opacity:0;
    transform:translateY(3px);
  }
}

/* image count gets a cleaner look */
#wc217ImageCount{
  z-index:4!important;
  top:16px!important;
  right:16px!important;
  background:rgba(25,66,91,.76)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  padding:7px 10px!important;
  backdrop-filter:blur(8px);
}

/* keep gallery arrows usable while the image is zooming */
.wc217-gallery-arrow{
  z-index:5!important;
}

/* make detail area feel less empty */
.wc204-detail-copy{
  position:relative;
}

.wc204-detail-copy::before{
  content:"";
  display:block;
  width:46px;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg,#1188a0,#25c17c);
  margin-bottom:14px;
}

/* price becomes a more obvious visual anchor */
.wc204-detail-price{
  display:flex!important;
  align-items:baseline!important;
  gap:10px!important;
  padding:12px 15px!important;
  margin:14px 0 12px!important;
  width:max-content!important;
  max-width:100%!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,#eef9fb,#f1fbf6)!important;
  border:1px solid #d9edef!important;
}

.wc204-detail-price strong{
  font-size:30px!important;
  color:#0f8299!important;
  font-weight:700!important;
}

/* information cards: slightly larger and more dimensional */
.wc217-info-card{
  min-height:90px!important;
  border-width:1px!important;
  box-shadow:0 10px 26px rgba(31,72,98,.06)!important;
  transition:transform .18s ease,box-shadow .18s ease;
}

@media (hover:hover) and (pointer:fine){
  .wc217-info-card:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 30px rgba(31,72,98,.09)!important;
  }
}

/* actions more prominent */
.wc204-detail-actions button,
.wc204-detail-actions a{
  min-height:54px!important;
  font-size:13.5px!important;
}

@media(max-width:720px){
  .wc204-detail-main.wc218-hover-zoom{
    cursor:pointer!important;
  }
  .wc204-detail-main.wc218-hover-zoom img{
    transform:scale(1)!important;
  }
  .wc218-view-cue{
    left:12px;
    bottom:12px;
    padding:7px 9px;
    font-size:9px;
  }
  .wc204-detail-price strong{
    font-size:25px!important;
  }
}


/* ===== v21_9_readability_smart_chat.css ===== */

/* =========================================================
   WE CARE PHARMACY V21.9 — READABILITY + SMART CHAT
   Larger product text + visible LINE / WhatsApp contact panel
   ========================================================= */

/* ---------- PRODUCT LIST / CATALOG ---------- */
#wc203CatalogMain .product{
  padding:14px 14px 16px!important;
}
#wc203CatalogMain .product h3,
#wc203CatalogMain .wc203-product-name{
  font-size:16px!important;
  line-height:1.5!important;
  font-weight:600!important;
  color:#233f55!important;
  margin-top:12px!important;
}
#wc203CatalogMain .v15-product-meta,
#wc203CatalogMain .product .meta{
  font-size:12.5px!important;
  line-height:1.55!important;
  color:#738797!important;
  margin-top:5px!important;
}
#wc203CatalogMain .price{
  margin-top:10px!important;
  display:flex!important;
  align-items:baseline!important;
  gap:7px!important;
}
#wc203CatalogMain .price strong,
#wc203CatalogMain .wc203-price{
  font-size:18px!important;
  font-weight:700!important;
  color:#1189a0!important;
}
#wc203CatalogMain .price del{
  font-size:12px!important;
  color:#98a6b0!important;
}
#wc203CatalogMain .stock-pill{
  font-size:12px!important;
  line-height:1.45!important;
  margin-top:10px!important;
  font-weight:600!important;
}
#wc203CatalogMain .product-actions{
  margin-top:14px!important;
  gap:8px!important;
}
#wc203CatalogMain .product-actions button{
  min-height:43px!important;
  padding:10px 12px!important;
  font-size:13.5px!important;
  font-weight:600!important;
  border-radius:11px!important;
}

/* ---------- PRODUCT DETAIL TYPOGRAPHY ---------- */
.wc204-detail-kicker{
  font-size:12.5px!important;
  font-weight:600!important;
  letter-spacing:.04em!important;
}
.wc204-detail-copy h1{
  font-size:clamp(30px,2.4vw,40px)!important;
  line-height:1.25!important;
  font-weight:700!important;
  margin:8px 0 10px!important;
}
.wc204-detail-brand{
  font-size:14.5px!important;
  line-height:1.6!important;
  color:#667d8e!important;
}
.wc204-detail-price strong{
  font-size:32px!important;
}
.wc204-detail-price del{
  font-size:14px!important;
}
.wc204-detail-stock{
  font-size:12.5px!important;
  padding:8px 12px!important;
  font-weight:600!important;
}
.wc217-info-card small,
.wc204-detail-info small{
  font-size:12px!important;
  line-height:1.35!important;
}
.wc217-info-card b,
.wc204-detail-info b{
  font-size:15px!important;
  line-height:1.5!important;
  font-weight:600!important;
}
.wc204-detail-desc{
  font-size:15px!important;
  line-height:1.85!important;
  color:#506879!important;
}
.wc204-detail-safety{
  font-size:12.5px!important;
  line-height:1.75!important;
  padding:15px 16px!important;
}
.wc204-detail-actions button,
.wc204-detail-actions a{
  min-height:54px!important;
  font-size:14.5px!important;
  font-weight:600!important;
}

/* ---------- SMART CONTACT PANEL ---------- */
.wc219-smart-contact{
  margin:20px 0 4px;
  padding:16px;
  border:1px solid #dfeaf0;
  border-radius:18px;
  background:
    linear-gradient(135deg,rgba(238,249,252,.96),rgba(246,252,250,.96));
  box-shadow:0 12px 28px rgba(27,72,96,.055);
}
.wc219-contact-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.wc219-contact-head b{
  font-size:14.5px!important;
  font-weight:600!important;
  color:#24445e!important;
}
.wc219-contact-head small{
  font-size:10.5px!important;
  color:#7b8d9a!important;
}
.wc219-contact-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.wc219-chat-btn{
  min-height:78px;
  display:grid;
  grid-template-columns:48px 1fr;
  align-items:center;
  gap:11px;
  text-align:left;
  border:1px solid #e0e9ed;
  border-radius:15px;
  padding:12px 13px;
  background:#fff;
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
  box-shadow:0 7px 18px rgba(23,66,91,.04);
}
.wc219-chat-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 25px rgba(23,66,91,.08);
}
.wc219-chat-btn.line:hover{border-color:#9fe4bb}
.wc219-chat-btn.whatsapp:hover{border-color:#a4e7be}
.wc219-chat-icon{
  width:48px;height:48px;
  border-radius:15px;
  display:grid;place-items:center;
}
.wc219-chat-btn.line .wc219-chat-icon{
  background:#06c755;
}
.wc219-chat-btn.whatsapp .wc219-chat-icon{
  background:#25d366;
}
.wc219-chat-icon svg{
  width:31px;height:31px;
  display:block;
}
.wc219-chat-copy strong{
  display:block;
  color:#29465c!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1.35!important;
}
.wc219-chat-copy small{
  display:block;
  color:#7b8d99!important;
  font-size:10.5px!important;
  line-height:1.45!important;
  margin-top:3px!important;
}
.wc219-contact-note{
  margin:10px 2px 0;
  color:#7e909d;
  font-size:10px;
  line-height:1.55;
}
.wc219-contact-note.ready{color:#4b8068}
.wc219-chat-btn.disabled{
  opacity:.55;
  filter:grayscale(.5);
}
.wc219-chat-btn.disabled:hover{
  transform:none;
  box-shadow:0 7px 18px rgba(23,66,91,.04);
}

/* Focus animation when main consult button is clicked */
@keyframes wc219Pulse{
  0%{box-shadow:0 0 0 0 rgba(18,137,160,.18)}
  60%{box-shadow:0 0 0 12px rgba(18,137,160,0)}
  100%{box-shadow:0 12px 28px rgba(27,72,96,.055)}
}
.wc219-smart-contact.focus{
  animation:wc219Pulse .75s ease;
}

/* ---------- ADMIN CONTACT FIELDS ---------- */
.wc219-contact-admin-note{
  margin-top:10px;
  padding:10px 12px;
  border-radius:11px;
  background:#f4f9fb;
  border:1px solid #e1edf1;
  color:#6e8391;
  font-size:11px;
  line-height:1.6;
}

/* ---------- MOBILE ---------- */
@media(max-width:780px){
  #wc203CatalogMain .product{
    padding:10px 10px 12px!important;
  }
  #wc203CatalogMain .product h3,
  #wc203CatalogMain .wc203-product-name{
    font-size:14px!important;
    line-height:1.48!important;
  }
  #wc203CatalogMain .v15-product-meta,
  #wc203CatalogMain .product .meta{
    font-size:11.5px!important;
  }
  #wc203CatalogMain .price strong,
  #wc203CatalogMain .wc203-price{
    font-size:16px!important;
  }
  #wc203CatalogMain .stock-pill{
    font-size:11px!important;
  }
  #wc203CatalogMain .product-actions button{
    min-height:40px!important;
    font-size:12.5px!important;
  }

  .wc204-detail-copy h1{
    font-size:28px!important;
  }
  .wc204-detail-brand{
    font-size:13.5px!important;
  }
  .wc204-detail-price strong{
    font-size:28px!important;
  }
  .wc204-detail-desc{
    font-size:14px!important;
  }
  .wc204-detail-safety{
    font-size:11.5px!important;
  }
  .wc219-contact-grid{
    grid-template-columns:1fr!important;
  }
  .wc219-chat-btn{
    min-height:70px;
  }
}


/* ===== v22_0_clean_product_detail.css ===== */

/* =========================================================
   WE CARE PHARMACY V22.0 — CLEAN PRODUCT DETAIL
   Compact, calm, pharmacy-first product information.
   ========================================================= */

/* ---------- RIGHT COLUMN RHYTHM ---------- */
.wc204-detail-copy{
  padding-top:2px!important;
}
.wc204-detail-copy::before{
  display:none!important;
}
.wc204-detail-kicker{
  margin-bottom:5px!important;
  font-size:11.5px!important;
  color:#1489a0!important;
  letter-spacing:.07em!important;
  font-weight:600!important;
}
.wc204-detail-copy h1{
  margin:0 0 7px!important;
  font-size:clamp(30px,2.2vw,38px)!important;
  line-height:1.22!important;
  color:#173d59!important;
}
.wc204-detail-brand{
  margin:0 0 14px!important;
  font-size:13.5px!important;
  color:#708492!important;
}

/* Price + Stock feel like one block, not floating objects */
.wc204-detail-price{
  display:inline-flex!important;
  align-items:baseline!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
  width:auto!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.wc204-detail-price strong{
  font-size:31px!important;
  line-height:1!important;
  color:#1189a0!important;
  font-weight:700!important;
}
.wc204-detail-price del{
  font-size:13px!important;
  color:#a0adb6!important;
}
.wc204-detail-stock{
  margin-left:11px!important;
  vertical-align:4px!important;
  padding:6px 10px!important;
  font-size:11px!important;
  font-weight:600!important;
  border:1px solid #d8ece0!important;
  background:#f0faf4!important;
  color:#3b8058!important;
}
.wc204-detail-price + .wc204-detail-stock{
  display:inline-flex!important;
}

/* ---------- COMPACT SPECS ---------- */
.wc204-detail-info{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:17px 0 15px!important;
}
.wc204-detail-info .wc217-info-card,
.wc204-detail-info > div{
  min-height:0!important;
  width:auto!important;
  flex:0 1 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:8px 11px!important;
  border:1px solid #e2ebef!important;
  border-radius:10px!important;
  background:#fafcfd!important;
  box-shadow:none!important;
  transform:none!important;
}
.wc204-detail-info .wc217-info-icon{
  width:27px!important;
  height:27px!important;
  border-radius:8px!important;
  font-size:13px!important;
  flex:0 0 auto!important;
  box-shadow:none!important;
}
.wc204-detail-info .wc217-info-text{
  display:flex!important;
  align-items:baseline!important;
  gap:7px!important;
}
.wc204-detail-info small{
  display:inline!important;
  margin:0!important;
  font-size:10px!important;
  color:#8a9aa5!important;
  font-weight:500!important;
}
.wc204-detail-info b{
  display:inline!important;
  font-size:12.5px!important;
  color:#405c70!important;
  font-weight:600!important;
}

/* ---------- DESCRIPTION & SAFETY ---------- */
.wc204-detail-desc{
  margin:15px 0 0!important;
  font-size:14px!important;
  line-height:1.75!important;
  color:#536b7c!important;
}
.wc204-detail-safety{
  margin:16px 0 0!important;
  padding:11px 13px!important;
  border-radius:11px!important;
  border:1px solid #e6eef2!important;
  background:#f7fafb!important;
  color:#667c8b!important;
  font-size:11.5px!important;
  line-height:1.65!important;
}

/* ---------- CART ACTION ---------- */
.wc204-detail-actions{
  display:block!important;
  margin:16px 0 0!important;
}
.wc204-detail-actions .wc204-detail-buy{
  width:100%!important;
  min-height:50px!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#10879f,#18a0af)!important;
  box-shadow:none!important;
  font-size:14px!important;
  font-weight:600!important;
}
.wc204-detail-actions .wc204-detail-ask{
  display:none!important;
}

/* ---------- REPLACE BIG SMART CONTACT PANEL ---------- */
#wc219SmartContact{
  margin:10px 0 0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#wc219SmartContact .wc219-contact-head{
  margin:0 0 8px!important;
  align-items:baseline!important;
}
#wc219SmartContact .wc219-contact-head b{
  font-size:12px!important;
  color:#607787!important;
  font-weight:600!important;
}
#wc219SmartContact .wc219-contact-head small{
  display:none!important;
}
#wc219SmartContact .wc219-contact-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}
#wc219SmartContact .wc219-chat-btn{
  min-height:54px!important;
  grid-template-columns:34px 1fr!important;
  gap:9px!important;
  padding:8px 10px!important;
  border:1px solid #e0e9ed!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:none!important;
  opacity:1!important;
  filter:none!important;
  transform:none!important;
}
#wc219SmartContact .wc219-chat-btn:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 7px 18px rgba(32,75,98,.06)!important;
}
#wc219SmartContact .wc219-chat-btn.line:hover{
  border-color:#9bdcb5!important;
}
#wc219SmartContact .wc219-chat-btn.whatsapp:hover{
  border-color:#a0dfb7!important;
}
#wc219SmartContact .wc219-chat-icon{
  width:34px!important;
  height:34px!important;
  border-radius:9px!important;
}
#wc219SmartContact .wc219-chat-icon svg{
  width:23px!important;
  height:23px!important;
}
#wc219SmartContact .wc219-chat-copy strong{
  font-size:12.5px!important;
  color:#345066!important;
  line-height:1.3!important;
}
#wc219SmartContact .wc219-chat-copy small{
  margin:2px 0 0!important;
  font-size:9.5px!important;
  color:#84949f!important;
  line-height:1.35!important;
}
#wc219SmartContact .wc219-contact-note{
  margin:7px 1px 0!important;
  padding:0!important;
  font-size:9px!important;
  line-height:1.45!important;
  color:#92a0a9!important;
  background:transparent!important;
}

/* ---------- CATALOG: READABLE BUT NOT OVERSIZED ---------- */
#wc203CatalogMain .product h3,
#wc203CatalogMain .wc203-product-name{
  font-size:15px!important;
  line-height:1.45!important;
}
#wc203CatalogMain .v15-product-meta,
#wc203CatalogMain .product .meta{
  font-size:11.5px!important;
}
#wc203CatalogMain .price strong,
#wc203CatalogMain .wc203-price{
  font-size:17px!important;
}
#wc203CatalogMain .stock-pill{
  font-size:11px!important;
}
#wc203CatalogMain .product-actions button{
  font-size:12.5px!important;
}

/* ---------- MOBILE ---------- */
@media(max-width:780px){
  .wc204-detail-copy h1{
    font-size:27px!important;
  }
  .wc204-detail-price strong{
    font-size:27px!important;
  }
  .wc204-detail-stock{
    margin-left:7px!important;
    padding:5px 8px!important;
  }
  .wc204-detail-info{
    gap:6px!important;
  }
  .wc204-detail-info .wc217-info-card,
  .wc204-detail-info > div{
    padding:7px 9px!important;
  }
  #wc219SmartContact .wc219-contact-grid{
    grid-template-columns:1fr 1fr!important;
  }
  #wc219SmartContact .wc219-chat-btn{
    grid-template-columns:31px 1fr!important;
    min-height:51px!important;
    padding:8px!important;
  }
  #wc219SmartContact .wc219-chat-icon{
    width:31px!important;
    height:31px!important;
  }
}


/* ===== v22_4_balanced_product_detail.css ===== */

/* =========================================================
   WE CARE PHARMACY V22.4 — BALANCED PRODUCT DETAIL
   Clean white layout + restrained pharmacy color accents
   ========================================================= */

:root{
  --wc-navy:#173f5f;
  --wc-teal:#118aa0;
  --wc-teal-dark:#0c7183;
  --wc-green:#2f8a58;
  --wc-line:#06c755;
  --wc-wa:#25d366;
  --wc-border:#dde8ed;
  --wc-muted:#718694;
}

/* main content stays white and light */
.wc204-detail-copy{
  background:#fff!important;
  border:1px solid #dbe7ec!important;
  border-radius:18px!important;
  padding:22px!important;
  box-shadow:0 12px 34px rgba(24,63,91,.07)!important;
}
.wc204-detail-kicker{
  color:var(--wc-teal)!important;
  font-weight:600!important;
}
.wc204-detail-copy h1{
  color:var(--wc-navy)!important;
  font-weight:700!important;
}
.wc204-detail-brand{
  color:#687f8f!important;
}

/* price: strong text, light surface */
.wc204-detail-price{
  display:inline-flex!important;
  align-items:baseline!important;
  gap:8px!important;
  padding:8px 11px!important;
  border-radius:11px!important;
  background:#eef8fa!important;
  border:1px solid #d6ebef!important;
  box-shadow:none!important;
}
.wc204-detail-price strong{
  color:#0d879d!important;
  font-size:30px!important;
  font-weight:700!important;
}
.wc204-detail-price del{
  color:#98a8b2!important;
  font-size:12px!important;
}

/* stock */
.wc204-detail-stock{
  background:#edf8f1!important;
  border:1px solid #d0e9d9!important;
  color:#2f8555!important;
  box-shadow:none!important;
  font-weight:600!important;
}

/* compact info cards: white, only accents */
.wc204-detail-info{
  gap:8px!important;
}
.wc204-detail-info .wc217-info-card,
.wc204-detail-info > div{
  background:#fff!important;
  border:1px solid #dfe9ee!important;
  border-radius:11px!important;
  box-shadow:none!important;
  padding:9px 11px!important;
}
.wc204-detail-info .wc217-info-card.brand,
.wc204-detail-info > div:nth-child(1){
  border-left:4px solid #4b98c6!important;
}
.wc204-detail-info .wc217-info-card.pack,
.wc204-detail-info > div:nth-child(2){
  border-left:4px solid #58a77d!important;
}
.wc204-detail-info .wc217-info-card.sku,
.wc204-detail-info > div:nth-child(3){
  border-left:4px solid #8372bf!important;
}
.wc204-detail-info .wc217-info-card.barcode,
.wc204-detail-info > div:nth-child(4){
  border-left:4px solid #d39a46!important;
}
.wc204-detail-info .wc217-info-icon{
  background:#f2f7fa!important;
  color:#45687e!important;
  box-shadow:none!important;
}
.wc204-detail-info small{
  color:#8999a4!important;
}
.wc204-detail-info b{
  color:#405d70!important;
}

/* safety note: readable soft blue */
.wc204-detail-safety{
  background:#f3f8fb!important;
  border:1px solid #deebf1!important;
  border-left:4px solid #4f93bd!important;
  color:#536f82!important;
  box-shadow:none!important;
}
.wc204-detail-safety::before{
  color:#4c8db6!important;
}
.wc204-detail-safety,
.wc204-detail-safety *{
  color:#536f82!important;
}

/* cart action */
.wc204-detail-actions .wc204-detail-buy{
  background:linear-gradient(135deg,#118aa0,#1499a8)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(17,138,160,.14)!important;
}
.wc204-detail-actions .wc204-detail-buy:hover{
  background:linear-gradient(135deg,#0d7b90,#118d9b)!important;
}

/* Contact section: white, compact */
#wc219SmartContact{
  margin-top:12px!important;
  padding:12px!important;
  border-radius:13px!important;
  background:#fff!important;
  border:1px solid #dfe9ee!important;
  box-shadow:none!important;
}
#wc219SmartContact .wc219-contact-head{
  margin-bottom:9px!important;
}
#wc219SmartContact .wc219-contact-head b{
  color:#355a70!important;
  font-size:12.5px!important;
  font-weight:600!important;
}
#wc219SmartContact .wc219-contact-head small{
  color:#8b9aa4!important;
  font-size:9.5px!important;
}
#wc219SmartContact .wc219-contact-grid{
  gap:8px!important;
}

/* both social buttons stay white */
#wc219SmartContact .wc219-chat-btn{
  min-height:58px!important;
  background:#fff!important;
  border:1px solid #dfe9ee!important;
  border-radius:11px!important;
  box-shadow:none!important;
  opacity:1!important;
  filter:none!important;
  grid-template-columns:38px 1fr!important;
  gap:9px!important;
  padding:9px 10px!important;
}
#wc219SmartContact .wc219-chat-btn:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 7px 18px rgba(25,64,87,.06)!important;
}
#wc219SmartContact .wc219-chat-btn.line:hover{
  border-color:#9fdcb6!important;
}
#wc219SmartContact .wc219-chat-btn.whatsapp:hover{
  border-color:#a8dfba!important;
}

/* official-logo circle */
#wc219SmartContact .wc219-chat-icon{
  width:38px!important;
  height:38px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:none!important;
}
#wc219SmartContact .wc219-chat-btn.line .wc219-chat-icon{
  background:var(--wc-line)!important;
}
#wc219SmartContact .wc219-chat-btn.whatsapp .wc219-chat-icon{
  background:var(--wc-wa)!important;
}
#wc219SmartContact .wc219-chat-icon img{
  width:23px!important;
  height:23px!important;
  object-fit:contain!important;
  display:block!important;
}
#wc219SmartContact .wc219-chat-copy strong{
  color:#355368!important;
  font-size:12.5px!important;
  font-weight:600!important;
}
#wc219SmartContact .wc219-chat-copy small{
  color:#8a99a3!important;
  font-size:9.5px!important;
}
#wc219SmartContact .wc219-contact-note{
  color:#8a99a3!important;
  font-size:9px!important;
  margin-top:7px!important;
}

/* product image stays bright */
.wc204-detail-main.wc218-hover-zoom{
  background:radial-gradient(circle at 50% 42%,#fff 0%,#fbfdfe 54%,#f1f6f8 100%)!important;
  border-color:#d8e5eb!important;
  box-shadow:0 12px 30px rgba(22,64,88,.07)!important;
}

/* catalog: clean, readable, small accent only */
#wc203CatalogMain .product{
  background:#fff!important;
  border:1px solid #dfe9ee!important;
  box-shadow:none!important;
}
@media(hover:hover) and (pointer:fine){
  #wc203CatalogMain .product:hover{
    border-color:#c7dce5!important;
    box-shadow:0 10px 24px rgba(24,63,91,.07)!important;
  }
}
#wc203CatalogMain .product h3,
#wc203CatalogMain .wc203-product-name{
  color:#24465f!important;
}
#wc203CatalogMain .price strong,
#wc203CatalogMain .wc203-price{
  color:#0f879c!important;
}
#wc203CatalogMain .stock-pill{
  background:#edf8f1!important;
  color:#2f8555!important;
}
#wc203CatalogMain .product-actions button:first-child{
  background:linear-gradient(135deg,#118aa0,#1499a8)!important;
  color:#fff!important;
  box-shadow:none!important;
}

@media(max-width:780px){
  .wc204-detail-copy{
    padding:16px!important;
    border-radius:15px!important;
  }
  #wc219SmartContact .wc219-chat-btn{
    min-height:54px!important;
    grid-template-columns:34px 1fr!important;
  }
  #wc219SmartContact .wc219-chat-icon{
    width:34px!important;
    height:34px!important;
  }
}


/* ===== v22_5_contact_layout_fix.css ===== */

/* =========================================================
   WE CARE PHARMACY V22.5 — CONTACT LAYOUT FIX
   Fix LINE / WhatsApp squeezing and overflow.
   ========================================================= */

#wc219SmartContact{
  width:100%!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}

/* Always stack the two contact channels vertically.
   This works better inside the narrow product-detail column. */
#wc219SmartContact .wc219-contact-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:8px!important;
  width:100%!important;
}

#wc219SmartContact .wc219-chat-btn{
  width:100%!important;
  min-width:0!important;
  min-height:56px!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  padding:9px 12px!important;
  text-align:left!important;
  overflow:hidden!important;
}

#wc219SmartContact .wc219-chat-icon{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  flex:none!important;
}

#wc219SmartContact .wc219-chat-icon img{
  width:22px!important;
  height:22px!important;
  max-width:22px!important;
  max-height:22px!important;
  object-fit:contain!important;
}

#wc219SmartContact .wc219-chat-copy{
  display:block!important;
  min-width:0!important;
  width:100%!important;
  overflow:hidden!important;
}

#wc219SmartContact .wc219-chat-copy strong{
  display:block!important;
  width:100%!important;
  margin:0!important;
  font-size:13px!important;
  line-height:1.3!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#wc219SmartContact .wc219-chat-copy small{
  display:block!important;
  margin:2px 0 0!important;
  font-size:10px!important;
  line-height:1.35!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#wc219SmartContact .wc219-contact-head{
  display:block!important;
  margin-bottom:9px!important;
}

#wc219SmartContact .wc219-contact-head b{
  display:block!important;
  font-size:12.5px!important;
  line-height:1.4!important;
}

#wc219SmartContact .wc219-contact-head small{
  display:block!important;
  margin-top:2px!important;
  font-size:9.5px!important;
  line-height:1.35!important;
  white-space:normal!important;
}

#wc219SmartContact .wc219-contact-note{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  line-height:1.45!important;
}

/* very narrow screens: make it even cleaner */
@media(max-width:480px){
  #wc219SmartContact{
    padding:10px!important;
  }

  #wc219SmartContact .wc219-chat-btn{
    grid-template-columns:34px minmax(0,1fr)!important;
    min-height:52px!important;
    padding:8px 10px!important;
  }

  #wc219SmartContact .wc219-chat-icon{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
  }

  #wc219SmartContact .wc219-chat-icon img{
    width:20px!important;
    height:20px!important;
  }

  #wc219SmartContact .wc219-contact-head small{
    display:none!important;
  }

  #wc219SmartContact .wc219-chat-copy small{
    font-size:9.5px!important;
  }

  #wc219SmartContact .wc219-contact-note{
    margin-top:8px!important;
    font-size:8.5px!important;
  }
}


/* ===== V22.7 DESIGN FREEZE / NO FLICKER ===== */
html,body,button,input,select,textarea{
  font-family:"Noto Sans Thai","Noto Sans SC","Leelawadee UI",Tahoma,Arial,sans-serif!important;
}

/* Remove old reveal effects that made text appear to blink. */
.wc-reveal,
.wc-reveal.wc-visible{
  opacity:1!important;
  transform:none!important;
  transition:none!important;
}

/* Do not hide/fade the entire page while fonts load. */
html.wc-render-prep body,
html.wc-render-ready body{
  opacity:1!important;
  transition:none!important;
}

/* Keep text itself stable. */
h1,h2,h3,h4,h5,h6,p,span,small,b,strong,label,a,button{
  text-rendering:optimizeLegibility;
}

/* Dynamic product areas should not fade between renders. */
#productGrid,
#wc204DetailSection,
.wc204-detail-copy{
  animation:none!important;
}

/* Prevent browser scrollbar width changes during navigation. */
html{scrollbar-gutter:stable}


/* WE CARE PHARMACY V22.8 — Instant Cached Render */
#productGrid,
#wc203CatalogMain,
#wc204DetailSection,
.wc204-detail-copy,
.v15-product-grid,
.product{
  transition-property:box-shadow,border-color,transform!important;
}
#productGrid.wc-content-refreshing,
#wc204DetailSection.wc-content-refreshing{
  animation:none!important;
  opacity:1!important;
}

/* =========================================================
   WE CARE PHARMACY V23.2 — NOTO SANS THAI GLOBAL LOCK
   Font-only change. No layout/color/spacing changes.
   ========================================================= */

:root{
  --wc-global-font:"Noto Sans Thai","Noto Sans SC","Leelawadee UI",Tahoma,Arial,sans-serif;
}

html,
body,
button,
input,
select,
textarea,
header,
main,
footer,
nav,
section,
article,
aside,
dialog,
table,
thead,
tbody,
tfoot,
tr,
th,
td,
label,
a,
p,
span,
small,
strong,
b,
em,
i,
h1,h2,h3,h4,h5,h6,
.product,
.product *,
.wc204-detail-copy,
.wc204-detail-copy *,
#wc203CatalogMain,
#wc203CatalogMain *,
#wc203Sidebar,
#wc203Sidebar *,
.admin-shell,
.admin-shell *,
.admin-panel,
.admin-panel *,
.admin-card,
.admin-card *,
.wc-maintenance-root,
.wc-maintenance-root *,
.wc-maintenance-card,
.wc-maintenance-card *{
  font-family:var(--wc-global-font)!important;
}

/* keep icon fonts / SVG graphics untouched */
svg,
svg *,
[class*="fa-"],
[class*="icon-"],
.material-icons,
.material-symbols-outlined{
  font-family:inherit;
}

/* stabilize rendering */
html,body{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}