/* Cloned reference styles for the "pharmacy" page – scoped to .o2-clone. */
.o2-clone{--surface:#fff;--ink:#1b2532;--navy:var(--o2-primary);--gold:var(--o2-secondary);--navy-900:var(--o2-primary-dark);--container:1240px;--gutter:16px;--gold-700:#9a6a2a;--r-sm:8px;--ease:cubic-bezier(.2,.7,.3,1);--navy-700:var(--o2-primary-hover);--line-2:#cfd7e2;--navy-050:#eef2f8;--ink-2:#3f4d63;--r-pill:999px;--wash:#f5f7fa;--line:#e3e8ef;--bar-h:56px;--sale:#c62f2f;--r-md:12px;--shadow-pop:0 12px 32px color-mix(in srgb, var(--o2-primary-dark) 14%, transparent);--muted:#6b7890;--msearch-h:52px;--sale-050:#fdeeee;--ok:#12784a;}
:where(.o2-clone) img{max-width:revert;height:revert;vertical-align:revert;border-style:revert}
:where(.o2-clone) svg{max-width:revert}
:where(.o2-clone) video{max-width:revert}
:where(.o2-clone) iframe{max-width:revert}
:where(.o2-clone) a{color:revert;text-decoration:revert;transition:revert}
:where(.o2-clone) a:hover{color:revert}
:where(.o2-clone) button{font:revert;color:revert;cursor:revert;background:revert;border:revert;padding:revert}
:where(.o2-clone) input{font:revert;color:revert}
:where(.o2-clone) select{font:revert;color:revert;width:revert;padding:revert;border:revert;border-radius:revert;background:revert;font-size:revert;line-height:revert;transition:revert}
:where(.o2-clone) textarea{font:revert;color:revert;width:revert;padding:revert;border:revert;border-radius:revert;background:revert;font-size:revert;line-height:revert;transition:revert}
:where(.o2-clone) ul{margin:revert}
:where(.o2-clone) ol{margin:revert}
:where(.o2-clone) figure{margin:revert}
:where(.o2-clone) hr{border:revert;border-top:revert;margin:revert}
:where(.o2-clone) :focus-visible{outline:revert;outline-offset:revert}
:where(.o2-clone) [hidden]{display:revert}
:where(.o2-clone) .o2-section{position:revert;padding-block:revert}
:where(.o2-clone) .o2-grid{display:revert;gap:revert}
:where(.o2-clone) h1{margin:revert;font-family:revert;font-weight:revert;line-height:revert;color:revert;overflow-wrap:revert;font-size:revert}
:where(.o2-clone) h2{margin:revert;font-family:revert;font-weight:revert;line-height:revert;color:revert;overflow-wrap:revert;font-size:revert}
:where(.o2-clone) h3{margin:revert;font-family:revert;font-weight:revert;line-height:revert;color:revert;overflow-wrap:revert;font-size:revert}
:where(.o2-clone) h4{margin:revert;font-family:revert;font-weight:revert;line-height:revert;color:revert;overflow-wrap:revert;font-size:revert}
:where(.o2-clone) h5{margin:revert;font-family:revert;font-weight:revert;line-height:revert;color:revert;overflow-wrap:revert;font-size:revert}
:where(.o2-clone) h6{margin:revert;font-family:revert;font-weight:revert;line-height:revert;color:revert;overflow-wrap:revert;font-size:revert}
:where(.o2-clone) p{margin:revert}
:where(.o2-clone) strong{font-weight:revert}
:where(.o2-clone) b{font-weight:revert}
:where(.o2-clone) h1 span:not([class]){color:revert}
:where(.o2-clone) h2 span:not([class]){color:revert}
:where(.o2-clone) .o2-btn{position:revert;z-index:revert;display:revert;align-items:revert;justify-content:revert;gap:revert;max-width:revert;padding:revert;overflow:revert;border:revert;border-radius:revert;font-family:revert;font-size:revert;font-weight:revert;line-height:revert;text-align:revert;text-decoration:revert;cursor:revert;transition:revert}
:where(.o2-clone) .o2-btn::after{content:revert;position:revert;top:revert;bottom:revert;left:revert;z-index:revert;width:revert;background:revert;transform:revert;transition:revert}
:where(.o2-clone) .o2-btn:hover::after{width:revert}
:where(.o2-clone) .o2-btn:focus-visible::after{width:revert}
:where(.o2-clone) .o2-btn--primary{background:revert;color:revert}
:where(.o2-clone) .o2-btn--primary:hover{color:revert}
:where(.o2-clone) .o2-btn--primary:focus-visible{color:revert}
:where(.o2-clone) .o2-btn--block{width:revert}
:where(.o2-clone) .o2-btn[disabled]{opacity:revert;pointer-events:revert}
:where(.o2-clone) .o2-slider{position:revert}
:where(.o2-clone) .o2-slider__track{display:revert;gap:revert;margin:revert;padding:revert;overflow-x:revert;list-style:revert;scroll-snap-type:revert;scroll-behavior:revert;scrollbar-width:revert;-webkit-overflow-scrolling:revert}
:where(.o2-clone) .o2-slider__track::-webkit-scrollbar{display:revert}
:where(.o2-clone) .o2-slider__slide{flex:revert;min-width:revert;scroll-snap-align:revert}
:where(.o2-clone) .o2-field{position:revert;margin:revert;padding:revert;border:revert;min-width:revert}
:where(.o2-clone) input[type="text"]{width:revert;padding:revert;border:revert;border-radius:revert;background:revert;color:revert;font-size:revert;line-height:revert;transition:revert}
:where(.o2-clone) input[type="email"]{width:revert;padding:revert;border:revert;border-radius:revert;background:revert;color:revert;font-size:revert;line-height:revert;transition:revert}
:where(.o2-clone) input[type="tel"]{width:revert;padding:revert;border:revert;border-radius:revert;background:revert;color:revert;font-size:revert;line-height:revert;transition:revert}
:where(.o2-clone) input[type="url"]{width:revert;padding:revert;border:revert;border-radius:revert;background:revert;color:revert;font-size:revert;line-height:revert;transition:revert}
:where(.o2-clone) input[type="search"]{width:revert;padding:revert;border:revert;border-radius:revert;background:revert;color:revert;font-size:revert;line-height:revert;transition:revert}
:where(.o2-clone) input[type="number"]{width:revert;padding:revert;border:revert;border-radius:revert;background:revert;color:revert;font-size:revert;line-height:revert;transition:revert}
:where(.o2-clone) input[type="password"]{width:revert;padding:revert;border:revert;border-radius:revert;background:revert;color:revert;font-size:revert;line-height:revert;transition:revert}
:where(.o2-clone) input::placeholder{color:revert}
:where(.o2-clone) textarea::placeholder{color:revert}
:where(.o2-clone) input:focus{border-color:revert;outline:revert;box-shadow:revert}
:where(.o2-clone) select:focus{border-color:revert;outline:revert;box-shadow:revert}
:where(.o2-clone) textarea:focus{border-color:revert;outline:revert;box-shadow:revert}
:where(.o2-clone) .o2-field input:user-invalid{border-color:revert}
:where(.o2-clone) .o2-field textarea:user-invalid{border-color:revert}
:where(.o2-clone) .o2-check{position:revert;display:revert;align-items:revert;gap:revert;color:revert;font-size:revert;font-weight:revert;line-height:revert;cursor:revert}
:where(.o2-clone) .o2-check input{position:revert;opacity:revert;width:revert;height:revert;margin:revert}
@media (max-width: 1199px){
:where(.o2-clone) .o2-slider__slide{flex-basis:revert}
}
@media (max-width: 991px){
:where(.o2-clone) .o2-slider__slide{flex-basis:revert}
}
@media (max-width: 767px){
:where(.o2-clone) .o2-slider__slide{flex-basis:revert}
}
@media (max-width: 575px){
:where(.o2-clone) .o2-btn{font-size:revert}
}
.o2-clone i[class*="fa-"]{display:inline-block;font-style:normal;line-height:1}
.o2-clone i[class*="fa-"] svg{display:inline-block;vertical-align:-.125em;width:auto;height:1em;fill:currentColor}
.o2-clone i.fa-fw{width:1.25em}
.o2-clone i.fa-fw{text-align:center}
@media(min-width:900px){
.o2-clone{--gutter:24px;--bar-h:72px}
}
.o2-clone *,.o2-clone *::before,.o2-clone *::after{box-sizing:border-box}
.o2-clone{background:var(--surface);color:var(--ink);font-family:"O2 Roboto",Roboto,"Segoe UI",system-ui,-apple-system,Arial,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;font-synthesis-weight:none;}
.o2-clone img,.o2-clone svg,.o2-clone video{max-width:100%;display:block}
.o2-clone img{height:auto}
.o2-clone button,.o2-clone input,.o2-clone select,.o2-clone textarea{font:inherit;color:inherit;margin:0}
.o2-clone input,.o2-clone select,.o2-clone textarea{font-size:16px}
.o2-clone button{cursor:pointer;background:none;border:0;padding:0;color:inherit}
.o2-clone a{color:inherit;text-decoration:none}
.o2-clone h1,.o2-clone h2,.o2-clone h3,.o2-clone h4,.o2-clone p,.o2-clone figure,.o2-clone ul,.o2-clone ol,.o2-clone dl,.o2-clone dd{margin:0}
.o2-clone ul,.o2-clone ol{padding:0;list-style:none}
.o2-clone svg{width:20px;height:20px;flex:none}
.o2-clone :focus-visible{outline:2px solid var(--navy);outline-offset:2px;border-radius:4px}
.o2-clone:not(#o2-i1):not(#o2-i2) [hidden]{display:none}
.o2-clone ::selection{background:var(--gold);color:var(--navy-900)}
.o2-clone .o2-container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
.o2-clone .o2-sr{width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.o2-clone:not(#o2-i1):not(#o2-i2) .o2-sr{position:absolute}
.o2-clone .o2-main{min-height:50vh}
.o2-clone .o2-routine__panel > *,.o2-clone .o2-consult__grid > *,.o2-clone .o2-storesblock > *,.o2-clone .o2-hero__grid > *{min-width:0}
.o2-clone .o2-center{text-align:center}
.o2-clone .o2-grid + .o2-center{margin-top:18px}
.o2-clone .o2-head__link{margin-bottom:2px}
.o2-clone .o2-h2{font-size:19px;line-height:1.25;font-weight:600;color:var(--navy-900);letter-spacing:-.01em}
.o2-clone .o2-eyebrow{margin-bottom:4px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-700)}
.o2-clone .o2-eyebrow--light{color:var(--gold)}
@media(min-width:900px){
.o2-clone .o2-h2{font-size:24px}
}
.o2-clone .o2-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}
.o2-clone .o2-head__link{display:inline-flex;align-items:center;gap:4px;flex:none;padding-bottom:2px;font-size:14px;font-weight:500;color:var(--navy);white-space:nowrap}
.o2-clone .o2-head__link svg{width:16px;height:16px}
.o2-clone .o2-head__link:hover{text-decoration:underline}
@media(min-width:900px){
.o2-clone .o2-head{margin-bottom:18px}
}
.o2-clone .o2-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid transparent;border-radius:var(--r-sm);font-size:15px;font-weight:600;line-height:1.2;white-space:nowrap;transition:background .15s var(--ease),border-color .15s var(--ease),color .15s var(--ease)}
.o2-clone .o2-btn svg{width:18px;height:18px}
.o2-clone .o2-btn--primary{background:var(--navy);color:#fff}
.o2-clone .o2-btn--primary:hover{background:var(--navy-700)}
.o2-clone .o2-btn--gold{background:var(--gold);color:var(--navy-900)}
.o2-clone .o2-btn--gold:hover{background:#e6b26f}
.o2-clone .o2-btn--ghost{background:#fff;border-color:var(--line-2);color:var(--navy)}
.o2-clone .o2-btn--ghost:hover{border-color:var(--navy);background:var(--navy-050)}
.o2-clone .o2-btn--outline-light{background:transparent;border-color:rgba(255,255,255,.45);color:#fff}
.o2-clone .o2-btn--outline-light:hover{background:rgba(255,255,255,.1)}
.o2-clone .o2-btn--block{width:100%}
.o2-clone .o2-btn[aria-busy=true]{opacity:.7;pointer-events:none}
.o2-clone .o2-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--r-sm);color:var(--navy)}
.o2-clone .o2-iconbtn:hover{background:var(--navy-050)}
.o2-clone .o2-iconbtn svg{width:24px;height:24px}
.o2-clone .o2-field{display:block}
.o2-clone .o2-field > span{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:var(--ink-2)}
.o2-clone .o2-field input,.o2-clone .o2-field select,.o2-clone .o2-field textarea{width:100%;min-height:48px;padding:0 14px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:#fff;color:var(--ink)}
.o2-clone .o2-field input:focus{border-color:var(--navy);outline:0;box-shadow:0 0 0 3px color-mix(in srgb, var(--o2-primary) 12%, transparent)}
.o2-clone .o2-fields{display:grid;gap:12px}
@media(min-width:640px){
.o2-clone .o2-fields{grid-template-columns:1fr 1fr}
}
.o2-clone .o2-check{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px}
.o2-clone .o2-check input{width:18px;height:18px;margin:0;accent-color:var(--navy);flex:none}
.o2-clone .o2-pill{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid var(--line-2);border-radius:var(--r-pill);background:#fff;font-size:14px;font-weight:500;color:var(--ink-2);white-space:nowrap}
.o2-clone .o2-pill b{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--navy-050);font-size:12px;color:var(--navy)}
.o2-clone .o2-pill.is-active,.o2-clone .o2-pill[aria-selected=true]{border-color:var(--navy);background:var(--navy);color:#fff}
.o2-clone .o2-pill.is-active b,.o2-clone .o2-pill[aria-selected=true] b{background:rgba(255,255,255,.2);color:#fff}
.o2-clone .o2-section{padding:28px 0}
.o2-clone .o2-section--wash{background:var(--wash)}
.o2-clone .o2-section--tight{padding:16px 0}
@media(min-width:900px){
.o2-clone .o2-section{padding:44px 0}
}
.o2-clone .o2-header{position:relative;z-index:60;background:#fff}
.o2-clone .o2-topbar{display:none;background:var(--navy-900);color:#fff;font-size:13px}
.o2-clone .o2-topbar .o2-container{display:flex;justify-content:space-between;align-items:center;min-height:34px}
.o2-clone .o2-topbar p{color:rgba(255,255,255,.85)}
.o2-clone .o2-topbar nav{display:flex;gap:22px}
.o2-clone .o2-topbar nav a{display:inline-flex;align-items:center;gap:6px;color:#fff}
.o2-clone .o2-topbar nav a:hover{color:var(--gold)}
.o2-clone .o2-topbar nav svg{width:15px;height:15px}
@media(min-width:900px){
.o2-clone .o2-topbar{display:block}
}
.o2-clone .o2-bar{position:relative;z-index:62;background:#fff;border-bottom:1px solid var(--line)}
body.o2-pinned .o2-clone .o2-bar{position:fixed;top:0;left:0;right:0}
body.o2-pinned .o2-clone .o2-header{padding-top:var(--bar-h)}
.o2-clone .o2-tools .o2-tool--search{display:none}
body.o2-pinned .o2-clone .o2-tools .o2-tool--search{display:inline-flex}
.o2-clone .o2-bar .o2-container{display:flex;align-items:center;gap:8px;height:var(--bar-h)}
.o2-clone .o2-burger{margin-left:-8px}
.o2-clone .o2-logo{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.o2-clone .o2-logo img{width:auto;height:34px}
.o2-clone .o2-logo span{display:none;padding-left:10px;border-left:1px solid var(--line-2);font-size:14px;font-weight:600;color:var(--navy);white-space:nowrap}
.o2-clone .o2-search{display:none;flex:1;position:relative}
.o2-clone .o2-search input{width:100%;height:46px;padding:0 50px 0 16px;border:1px solid var(--line-2);border-radius:var(--r-pill);background:var(--wash)}
.o2-clone .o2-search input:focus{border-color:var(--navy);background:#fff;outline:0}
.o2-clone .o2-search button{position:absolute;top:4px;right:4px;width:38px;height:38px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center}
.o2-clone .o2-search button svg{width:18px;height:18px}
.o2-clone .o2-tools{display:flex;align-items:center;gap:2px;margin-right:-8px}
.o2-clone .o2-tool{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 10px;border-radius:var(--r-sm);color:var(--navy);font-size:14px;font-weight:500}
.o2-clone .o2-tool:hover{background:var(--navy-050)}
.o2-clone .o2-tool svg{width:24px;height:24px}
.o2-clone .o2-tool > span{display:none}
.o2-clone .o2-tool__count{position:absolute;top:4px;right:2px;min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-pill);background:var(--sale);color:#fff;font-size:11px;font-weight:600;line-height:18px;text-align:center}
.o2-clone .o2-tool--desktop{display:none}
@media(min-width:900px){
.o2-clone .o2-burger{display:none}
body.o2-pinned .o2-clone .o2-tools .o2-tool--search{display:none}
.o2-clone .o2-logo{flex:none}
.o2-clone .o2-logo img{height:44px}
.o2-clone .o2-logo span{display:block}
.o2-clone .o2-search{display:block;margin:0 24px}
.o2-clone .o2-tools{gap:6px}
.o2-clone .o2-tool > span{display:inline}
.o2-clone .o2-tool__count{position:static;margin-left:2px}
.o2-clone .o2-tool--mobile{display:none}
.o2-clone .o2-tool--desktop{display:inline-flex}
}
.o2-clone .o2-account{position:relative}
.o2-clone .o2-pop{position:absolute;top:calc(100% + 8px);right:0;z-index:70;width:320px;padding:18px;border:1px solid var(--line);border-radius:var(--r-md);background:#fff;box-shadow:var(--shadow-pop)}
.o2-clone .o2-pop__title{margin-bottom:12px;font-size:17px;font-weight:600;color:var(--navy-900)}
.o2-clone .o2-pop form{display:grid;gap:10px}
.o2-clone .o2-pop label > span{display:block;margin-bottom:4px;font-size:13px;color:var(--ink-2)}
.o2-clone .o2-pop input[type=text],.o2-clone .o2-pop input[type=password]{width:100%;height:44px;padding:0 12px;border:1px solid var(--line-2);border-radius:var(--r-sm)}
.o2-clone .o2-pop__row{display:flex;justify-content:space-between;align-items:center;font-size:13px}
.o2-clone .o2-pop__row a{color:var(--navy);text-decoration:underline}
.o2-clone .o2-pop__foot{margin-top:12px;font-size:13px;color:var(--muted)}
.o2-clone .o2-pop__foot a{font-weight:600;color:var(--navy)}
.o2-clone .o2-msearch{position:relative;z-index:61;background:#fff;border-bottom:1px solid var(--line)}
.o2-clone .o2-msearch .o2-container{position:relative;display:flex;align-items:center;height:var(--msearch-h)}
.o2-clone .o2-msearch svg{position:absolute;left:calc(var(--gutter) + 12px);width:18px;height:18px;color:var(--muted);pointer-events:none}
.o2-clone .o2-msearch input{width:100%;height:40px;padding:0 14px 0 40px;border:1px solid var(--line-2);border-radius:var(--r-pill);background:var(--wash)}
.o2-clone .o2-msearch input:focus{border-color:var(--navy);background:#fff;outline:0}
@media(min-width:900px){
.o2-clone .o2-msearch{display:none}
}
.o2-clone .o2-nav{display:none;border-bottom:1px solid var(--line)}
.o2-clone .o2-nav__list{display:flex;align-items:stretch;gap:2px}
.o2-clone .o2-nav__item{position:relative}
.o2-clone .o2-nav__item--right{margin-left:auto}
.o2-clone .o2-nav__link{display:inline-flex;align-items:center;gap:5px;min-height:46px;padding:0 12px;border-bottom:2px solid transparent;font-size:14px;font-weight:500;color:var(--ink-2);white-space:nowrap}
.o2-clone .o2-nav__link svg{width:16px;height:16px;color:var(--muted)}
.o2-clone .o2-nav__link:hover,.o2-clone .o2-nav__link.is-active,.o2-clone .o2-nav__link[aria-expanded=true]{color:var(--navy);border-bottom-color:var(--navy)}
.o2-clone .o2-nav__link--sale{color:var(--sale)}
.o2-clone .o2-nav__link--sale svg{color:var(--sale)}
.o2-clone .o2-panel{position:absolute;top:100%;left:0;z-index:65;min-width:560px;padding:18px;border:1px solid var(--line);border-radius:0 0 var(--r-md) var(--r-md);background:#fff;box-shadow:var(--shadow-pop)}
.o2-clone .o2-nav__item--right .o2-panel{left:auto;right:0}
.o2-clone .o2-panel__grid{display:grid;gap:6px}
.o2-clone .o2-panel__grid--3{grid-template-columns:repeat(3,200px)}
.o2-clone .o2-panel__grid--4{grid-template-columns:repeat(4,190px)}
.o2-clone .o2-panel__tile{display:flex;align-items:center;gap:12px;padding:8px;border-radius:var(--r-sm)}
.o2-clone .o2-panel__tile:hover{background:var(--navy-050)}
.o2-clone .o2-panel__tile img{width:48px;height:48px;object-fit:cover;border-radius:var(--r-sm);background:var(--wash);flex:none}
.o2-clone .o2-panel__tile strong{display:block;font-size:14px;font-weight:500;color:var(--navy-900);line-height:1.3}
.o2-clone .o2-panel__tile small{display:block;font-size:12px;color:var(--muted)}
.o2-clone .o2-panel__brands{display:grid;grid-template-columns:repeat(4,150px);gap:8px}
.o2-clone .o2-panel__brands a{display:grid;place-items:center;height:64px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--r-sm);font-size:14px;font-weight:600;color:var(--navy);text-align:center}
.o2-clone .o2-panel__brands a:hover{border-color:var(--navy)}
.o2-clone .o2-panel__brands img{max-height:40px;width:auto}
.o2-clone .o2-panel--stores{display:grid;grid-template-columns:360px 300px;gap:20px;min-width:0}
@media(min-width:900px){
.o2-clone .o2-nav{display:block}
}
.o2-clone .o2-chips{border-bottom:1px solid var(--line);background:#fff}
.o2-clone .o2-chips__track{display:flex;gap:8px;padding:10px var(--gutter);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.o2-clone .o2-chips__track::-webkit-scrollbar{display:none}
.o2-clone .o2-chip{flex:none;display:inline-flex;align-items:center;min-height:34px;padding:0 13px;border:1px solid var(--line-2);border-radius:var(--r-pill);font-size:13.5px;font-weight:500;color:var(--ink-2);white-space:nowrap}
.o2-clone .o2-chip.is-active{background:var(--navy);border-color:var(--navy);color:#fff}
.o2-clone .o2-chip--sale{color:var(--sale);border-color:#f0c9c9;background:var(--sale-050)}
@media(min-width:900px){
.o2-clone .o2-chips{display:none}
}
.o2-clone .o2-stores{display:grid;gap:6px}
.o2-clone .o2-store{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:var(--r-sm);background:#fff}
.o2-clone .o2-store:hover{border-color:var(--navy)}
.o2-clone .o2-store b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--navy);color:#fff;font-size:13px}
.o2-clone .o2-store strong{display:block;font-size:14px;font-weight:600;color:var(--navy-900)}
.o2-clone .o2-store small{display:block;font-size:12.5px;line-height:1.4;color:var(--muted)}
.o2-clone .o2-store em{font-style:normal;font-size:13px;font-weight:600;color:var(--navy);white-space:nowrap}
.o2-clone .o2-stores__note img{border-radius:var(--r-sm)}
.o2-clone .o2-stores__note p{margin-top:10px;font-size:13px;color:var(--muted)}
.o2-clone .o2-stores__note strong{display:block;font-size:14px;color:var(--navy-900)}
.o2-clone .o2-scrim{position:fixed;inset:0;z-index:90;background:color-mix(in srgb, var(--o2-primary-dark) 50%, transparent)}
.o2-clone .o2-drawer{position:fixed;top:0;bottom:0;left:0;z-index:95;display:flex;flex-direction:column;width:min(88vw,360px);background:#fff;box-shadow:var(--shadow-pop);transform:translateX(-100%);transition:transform .25s var(--ease)}
.o2-clone .o2-drawer.is-open{transform:none}
.o2-clone .o2-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 10px 16px;border-bottom:1px solid var(--line)}
.o2-clone .o2-drawer__head img{width:auto;height:34px}
.o2-clone .o2-drawer__body{flex:1;overflow-y:auto;padding:8px 8px 16px;-webkit-overflow-scrolling:touch}
.o2-clone .o2-dlink{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 10px;border-radius:var(--r-sm);font-size:15px;color:var(--ink)}
.o2-clone .o2-dlink span{flex:1}
.o2-clone .o2-dlink b{font-size:12px;font-weight:500;color:var(--muted)}
.o2-clone .o2-dlink.is-lead{font-weight:600;color:var(--navy)}
.o2-clone .o2-dlink.is-sale{color:var(--sale);font-weight:600}
.o2-clone .o2-dlink.is-sale svg{width:18px;height:18px}
.o2-clone .o2-dgroup{border-top:1px solid var(--line)}
.o2-clone .o2-dgroup summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 10px;font-size:15px;font-weight:600;color:var(--navy-900);cursor:pointer;list-style:none}
.o2-clone .o2-dgroup summary svg{transition:transform .2s}
.o2-clone .o2-dgroup[open] summary svg{transform:rotate(180deg)}
.o2-clone .o2-dgroup__body{padding:0 0 8px}
.o2-clone .o2-dgroup__body .o2-dlink{padding-left:18px;font-size:14.5px}
.o2-clone .o2-dgroup__body--tiles{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 6px 10px}
.o2-clone .o2-dtile{display:flex;align-items:center;gap:8px;padding:6px;border:1px solid var(--line);border-radius:var(--r-sm);font-size:13.5px;font-weight:500;color:var(--navy-900)}
.o2-clone .o2-dtile img{width:40px;height:40px;border-radius:6px;object-fit:cover;background:var(--wash)}
.o2-clone .o2-dgroup__body .o2-stores{padding:0 8px}
.o2-clone .o2-drawer__links{margin-top:8px;border-top:1px solid var(--line);padding-top:8px}
.o2-clone .o2-drawer__links a{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 10px;font-size:15px;font-weight:500;color:var(--navy)}
.o2-clone .o2-drawer__links a b{margin-left:auto;min-width:22px;padding:0 6px;border-radius:var(--r-pill);background:var(--navy-050);font-size:12px;text-align:center}
.o2-clone .o2-drawer__foot{display:grid;gap:6px;padding:12px;border-top:1px solid var(--line);background:var(--wash)}
.o2-clone .o2-drawer__foot a{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border-radius:var(--r-sm);background:var(--navy);color:#fff;font-size:14px;font-weight:600}
.o2-clone .o2-drawer__foot a + a{background:#fff;border:1px solid var(--line-2);color:var(--navy)}
body.o2-lock{overflow:hidden}
.o2-clone .o2-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 8px;line-height:1.2}
.o2-clone .o2-price strong{font-size:16px;font-weight:600;color:var(--sale)}
.o2-clone .o2-price del{font-size:13px;color:var(--muted)}
.o2-clone .o2-badge{position:absolute;top:8px;left:8px;z-index:1;padding:3px 7px;border-radius:6px;background:var(--sale);color:#fff;font-size:12px;font-weight:600;line-height:1.2}
.o2-clone .o2-variants{display:flex;flex-wrap:wrap;gap:6px}
.o2-clone .o2-variant{min-height:30px;padding:0 10px;border:1px solid var(--line-2);border-radius:6px;background:#fff;font-size:13px;font-weight:500;color:var(--ink-2)}
.o2-clone .o2-variant.is-selected{border-color:var(--navy);background:var(--navy-050);color:var(--navy)}
.o2-clone .o2-card{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:var(--r-md);background:#fff;overflow:hidden;transition:border-color .15s}
.o2-clone .o2-card:hover{border-color:var(--line-2)}
.o2-clone .o2-card__media{position:relative;display:block;aspect-ratio:1;background:#fff}
.o2-clone .o2-card__media img{width:100%;height:100%;object-fit:contain;padding:6px}
.o2-clone .o2-card__body{display:flex;flex-direction:column;flex:1;gap:6px;padding:10px 10px 12px}
.o2-clone .o2-card__brand{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.o2-clone .o2-card__name{font-size:14px;font-weight:500;line-height:1.35;color:var(--navy-900);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.o2-clone .o2-card__name a::after{content:"";position:absolute;inset:0;z-index:0}
.o2-clone .o2-card__pack{font-size:12.5px;color:var(--ink-2)}
.o2-clone .o2-card__pack::before{content:"Quy cách: ";color:var(--muted)}
.o2-clone .o2-card .o2-variants,.o2-clone .o2-card__cta{position:relative;z-index:1}
.o2-clone .o2-card__meta{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12px;color:var(--muted)}
.o2-clone .o2-card__oos{color:var(--sale);font-weight:500}
.o2-clone .o2-card__cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:auto;min-height:40px;padding:0 10px;border:1px solid var(--navy);border-radius:var(--r-sm);background:var(--navy);color:#fff;font-size:13.5px;font-weight:600;transition:background .15s,color .15s}
.o2-clone .o2-card__cta svg{width:17px;height:17px}
.o2-clone .o2-card__cta:hover{background:var(--navy-700)}
.o2-clone .o2-card__cta.is-done{background:var(--ok);border-color:var(--ok);color:#fff}
.o2-clone .o2-card__cta.is-link{background:#fff;border-color:var(--line-2);color:var(--ink-2)}
.o2-clone .o2-card__cta.is-link:hover{background:var(--wash)}
@media(min-width:900px){
.o2-clone .o2-card__body{padding:12px 12px 14px;gap:7px}
.o2-clone .o2-card__name{font-size:14.5px}
.o2-clone .o2-card__cta{font-size:14px}
}
.o2-clone .o2-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(min-width:640px){
.o2-clone .o2-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
}
@media(min-width:900px){
.o2-clone .o2-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
}
@media(min-width:1100px){
.o2-clone .o2-grid--home{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.o2-clone .o2-rail{position:relative}
.o2-clone .o2-rail__track{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-inline:calc(var(--gutter) * -1);padding:2px var(--gutter) 6px}
.o2-clone .o2-rail__track::-webkit-scrollbar{display:none}
.o2-clone .o2-rail__track > .o2-card{flex:0 0 calc((100% - 10px) / 2.15);scroll-snap-align:start}
.o2-clone .o2-rail__nav{display:none}
@media(min-width:640px){
.o2-clone .o2-rail__track > .o2-card{flex-basis:calc((100% - 28px) / 3.2)}
}
@media(min-width:900px){
.o2-clone .o2-rail__track{gap:16px;margin-inline:0;padding:2px 0 6px;scroll-padding-inline:0}
.o2-clone .o2-rail__track > .o2-card{flex-basis:calc((100% - 48px) / 4)}
.o2-clone .o2-rail__nav{position:absolute;top:calc(50% - 22px);z-index:2;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line-2);border-radius:50%;background:#fff;color:var(--navy)}
.o2-clone .o2-rail__nav:hover{border-color:var(--navy);background:var(--navy-050)}
.o2-clone .o2-rail__nav.is-prev{left:-22px}
.o2-clone .o2-rail__nav.is-next{right:-22px}
.o2-clone .o2-rail__nav[disabled]{opacity:0;pointer-events:none}
.o2-clone .o2-rail__nav svg{width:22px;height:22px}
}
@media(min-width:1100px){
.o2-clone .o2-rail__track > .o2-card{flex-basis:calc((100% - 64px) / 5)}
}
.o2-clone .o2-hero{padding:12px 0 0}
.o2-clone .o2-hero__grid{display:grid;gap:10px}
.o2-clone .o2-slider{position:relative;border-radius:var(--r-md);overflow:hidden;background:var(--wash)}
.o2-clone .o2-slider__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.o2-clone .o2-slider__track::-webkit-scrollbar{display:none}
.o2-clone .o2-slider__slide{flex:0 0 100%;scroll-snap-align:start}
.o2-clone .o2-slider__slide img{width:100%}
.o2-clone .o2-slider__dots{position:absolute;left:0;right:0;bottom:8px;display:flex;justify-content:center;gap:6px}
.o2-clone .o2-slider__dots button{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.6);border:1px solid color-mix(in srgb, var(--o2-primary-dark) 25%, transparent)}
.o2-clone .o2-slider__dots button[aria-current=true]{width:22px;border-radius:var(--r-pill);background:var(--navy)}
.o2-clone .o2-hero__side{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.o2-clone .o2-hero__banner{display:block;border-radius:var(--r-md);overflow:hidden;background:var(--wash)}
.o2-clone .o2-hero__banner img{width:100%;height:100%;object-fit:cover}
@media(min-width:900px){
.o2-clone .o2-hero{padding-top:20px}
.o2-clone .o2-hero__grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px}
.o2-clone .o2-hero__side{grid-template-columns:1fr;gap:16px}
}
.o2-clone .o2-quick{padding:14px 0 4px}
.o2-clone .o2-quick__track{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);-webkit-overflow-scrolling:touch}
.o2-clone .o2-quick__track::-webkit-scrollbar{display:none}
.o2-clone .o2-quick__track a{flex:0 0 150px;display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--line);border-radius:var(--r-md);background:#fff}
.o2-clone .o2-quick__track img{width:40px;height:40px;flex:none}
.o2-clone .o2-quick__track strong{display:block;font-size:13px;font-weight:600;color:var(--navy-900);line-height:1.25}
.o2-clone .o2-quick__track small{display:block;font-size:11.5px;color:var(--muted);line-height:1.3}
@media(min-width:900px){
.o2-clone .o2-quick{padding:20px 0 0}
.o2-clone .o2-quick__track{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-inline:0;padding-inline:0;overflow:visible}
.o2-clone .o2-quick__track a{flex:auto;padding:14px;gap:12px}
.o2-clone .o2-quick__track a:hover{border-color:var(--navy)}
.o2-clone .o2-quick__track img{width:48px;height:48px}
.o2-clone .o2-quick__track strong{font-size:14.5px}
.o2-clone .o2-quick__track small{font-size:12.5px}
}
.o2-clone .o2-needs{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding:2px var(--gutter) 4px;-webkit-overflow-scrolling:touch}
.o2-clone .o2-needs::-webkit-scrollbar{display:none}
.o2-clone .o2-needs > .o2-need{flex:0 0 132px}
.o2-clone .o2-need{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;border:1px solid var(--line);border-radius:var(--r-md);text-align:center;background:#fff}
.o2-clone .o2-need:hover{border-color:var(--navy)}
.o2-clone .o2-need img{width:56px;height:56px;object-fit:contain}
.o2-clone .o2-need strong{font-size:14px;font-weight:600;color:var(--navy-900);line-height:1.3}
.o2-clone .o2-need small{font-size:12px;color:var(--muted)}
@media(min-width:900px){
.o2-clone .o2-needs{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-inline:0;padding:0;overflow:visible}
.o2-clone .o2-needs > .o2-need{flex:auto}
.o2-clone .o2-need{padding:18px 12px}
.o2-clone .o2-need img{width:64px;height:64px}
}
.o2-clone .o2-flash{background:var(--navy-050)}
.o2-clone .o2-countdown{display:inline-flex;align-items:center;gap:2px;margin-left:8px;font-size:14px;font-weight:600;color:var(--sale);vertical-align:middle;letter-spacing:.02em}
.o2-clone .o2-countdown span{display:inline-grid;place-items:center;min-width:26px;height:24px;padding:0 4px;border-radius:6px;background:var(--sale);color:#fff;font-variant-numeric:tabular-nums}
.o2-clone .o2-vouchers{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding:2px var(--gutter) 4px;-webkit-overflow-scrolling:touch}
.o2-clone .o2-vouchers::-webkit-scrollbar{display:none}
.o2-clone .o2-voucher{flex:0 0 min(86%,320px);display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px 14px;border:1px solid var(--gold);border-radius:var(--r-md);background:#fff}
.o2-clone .o2-voucher__main strong{display:block;font-size:16px;color:var(--navy-900)}
.o2-clone .o2-voucher__main p{font-size:13px;color:var(--ink-2)}
.o2-clone .o2-voucher__main small{display:block;margin-top:2px;font-size:12px;color:var(--muted)}
.o2-clone .o2-voucher__copy{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:84px;padding:6px 10px;border-left:1px dashed var(--gold);text-align:center}
.o2-clone .o2-voucher__copy span{font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--gold-700)}
.o2-clone .o2-voucher__copy b{display:inline-block;padding:6px 10px;border-radius:6px;background:var(--navy);color:#fff;font-size:13px;font-weight:600}
.o2-clone .o2-voucher__copy.is-done b{background:var(--ok)}
@media(min-width:900px){
.o2-clone .o2-vouchers{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-inline:0;padding:0;overflow:visible}
.o2-clone .o2-voucher{flex:auto}
}
.o2-clone .o2-catbanners{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding:0 var(--gutter);-webkit-overflow-scrolling:touch}
.o2-clone .o2-catbanners::-webkit-scrollbar{display:none}
.o2-clone .o2-catbanners a{position:relative;flex:0 0 78%;border-radius:var(--r-md);overflow:hidden;background:var(--wash)}
.o2-clone .o2-catbanners img{width:100%}
.o2-clone .o2-catbanners span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media(min-width:900px){
.o2-clone .o2-catbanners{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-inline:0;padding:0;overflow:visible}
.o2-clone .o2-catbanners a{flex:auto}
.o2-clone .o2-catbanners span{display:none}
}
.o2-clone .o2-tabs{display:flex;gap:8px;margin-bottom:14px;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding:2px var(--gutter);-webkit-overflow-scrolling:touch}
.o2-clone .o2-tabs::-webkit-scrollbar{display:none}
.o2-clone .o2-tab{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border:1px solid var(--line-2);border-radius:var(--r-pill);background:#fff;font-size:14px;font-weight:500;color:var(--ink-2);white-space:nowrap}
.o2-clone .o2-tab[aria-selected=true]{border-color:var(--navy);background:var(--navy);color:#fff}
.o2-clone .o2-tabs--tiles .o2-tab{flex-direction:column;gap:6px;min-width:96px;padding:10px 8px;border-radius:var(--r-md);white-space:normal;text-align:center;font-size:13px;line-height:1.2}
.o2-clone .o2-tabs--tiles .o2-tab img{width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--wash)}
.o2-clone .o2-tabs--tiles .o2-tab[aria-selected=true]{background:var(--navy-050);color:var(--navy);border-color:var(--navy)}
@media(min-width:900px){
.o2-clone .o2-tabs{margin-inline:0;padding-inline:0;flex-wrap:wrap;overflow:visible}
.o2-clone .o2-tabs--tiles .o2-tab{min-width:118px;flex:1 1 0}
.o2-clone .o2-tabs--tiles .o2-tab img{width:52px;height:52px}
}
.o2-clone .o2-showcase__banner{position:relative;display:block;margin-bottom:12px;border-radius:var(--r-md);overflow:hidden;background:var(--wash)}
.o2-clone .o2-showcase__banner img{width:100%}
.o2-clone .o2-showcase__banner span{position:absolute;right:12px;bottom:12px;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--r-pill);background:#fff;color:var(--navy);font-size:13px;font-weight:600}
.o2-clone .o2-showcase__banner span svg{width:15px;height:15px}
.o2-clone .o2-brands{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,1fr);grid-auto-columns:120px;gap:8px;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding:2px var(--gutter) 4px;-webkit-overflow-scrolling:touch}
.o2-clone .o2-brands::-webkit-scrollbar{display:none}
.o2-clone .o2-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:72px;padding:8px;border:1px solid var(--line);border-radius:var(--r-md);background:#fff;text-align:center}
.o2-clone .o2-brand:hover{border-color:var(--navy)}
.o2-clone .o2-brand img{max-height:34px;width:auto}
.o2-clone .o2-brand span{font-size:14px;font-weight:600;color:var(--navy);line-height:1.2}
.o2-clone .o2-brand small{font-size:11px;color:var(--muted)}
@media(min-width:900px){
.o2-clone .o2-brands{grid-auto-flow:row;grid-template-rows:none;grid-auto-columns:auto;grid-template-columns:repeat(6,1fr);gap:12px;margin-inline:0;padding:0;overflow:visible}
.o2-clone .o2-brand{min-height:88px}
.o2-clone .o2-brand img{max-height:40px}
}
.o2-clone .o2-routine__panel{display:grid;gap:16px}
.o2-clone .o2-routine__copy h3{font-size:17px;font-weight:600;color:var(--navy-900);margin-bottom:6px}
.o2-clone .o2-routine__copy p{font-size:14px;color:var(--ink-2);margin-bottom:12px}
.o2-clone .o2-routine__copy .o2-btn svg{width:16px;height:16px}
.o2-clone .o2-steps-tabs{display:flex;gap:6px;margin-bottom:12px;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding:2px var(--gutter);-webkit-overflow-scrolling:touch}
.o2-clone .o2-steps-tabs::-webkit-scrollbar{display:none}
.o2-clone .o2-steps-tabs .o2-pill{flex:none}
@media(min-width:900px){
.o2-clone .o2-routine__panel{grid-template-columns:300px minmax(0,1fr);gap:32px;align-items:start}
.o2-clone .o2-routine__copy{position:sticky;top:calc(var(--bar-h) + 16px);padding:20px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--wash)}
.o2-clone .o2-steps-tabs{margin-inline:0;padding-inline:0;flex-wrap:wrap;overflow:visible}
.o2-clone .o2-routine__products .o2-rail__track > .o2-card{flex-basis:calc((100% - 32px) / 3)}
}
@media(min-width:1100px){
.o2-clone .o2-routine__products .o2-rail__track > .o2-card{flex-basis:calc((100% - 48px) / 4)}
}
.o2-clone .o2-storesblock{display:grid;gap:16px}
.o2-clone .o2-storesblock__photo img{border-radius:var(--r-md)}
.o2-clone .o2-storesblock__photo figcaption{margin-top:10px;font-size:13.5px;color:var(--muted)}
.o2-clone .o2-storesblock__photo strong{display:block;color:var(--navy-900);font-size:15px}
@media(min-width:900px){
.o2-clone .o2-storesblock{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:start}
}
.o2-clone .o2-assure{display:grid;gap:10px}
.o2-clone .o2-assure li{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted);line-height:1.4}
.o2-clone .o2-assure svg{width:22px;height:22px;color:var(--navy);flex:none;margin-top:1px}
.o2-clone .o2-assure strong{display:block;font-size:14px;font-weight:600;color:var(--navy-900)}
.o2-clone .o2-assure a{text-decoration:underline;color:var(--navy)}
.o2-clone .o2-assure--band{grid-template-columns:1fr 1fr;padding:16px;border:1px solid var(--line);border-radius:var(--r-md);background:#fff}
@media(min-width:900px){
.o2-clone .o2-assure--band{grid-template-columns:repeat(4,1fr);padding:22px;gap:20px}
}
.o2-clone .o2-posts{display:grid;gap:12px}
.o2-clone .o2-post{display:grid;grid-template-columns:112px 1fr;gap:12px;align-items:center;border:1px solid var(--line);border-radius:var(--r-md);background:#fff;overflow:hidden}
.o2-clone .o2-post__media{display:block;aspect-ratio:4/3;background:var(--wash)}
.o2-clone .o2-post__media img{width:100%;height:100%;object-fit:cover}
.o2-clone .o2-post__body{display:block;padding:8px 12px 8px 0}
.o2-clone .o2-post__body strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;font-weight:600;color:var(--navy-900);line-height:1.35}
.o2-clone .o2-post__body small{display:none;margin-top:6px;font-size:13px;color:var(--muted);line-height:1.45}
@media(min-width:900px){
.o2-clone .o2-posts{grid-template-columns:repeat(3,1fr);gap:16px}
.o2-clone .o2-post{grid-template-columns:1fr;align-items:start}
.o2-clone .o2-post__media{aspect-ratio:16/9}
.o2-clone .o2-post__body{padding:14px 16px 16px}
.o2-clone .o2-post__body strong{font-size:16px}
.o2-clone .o2-post__body small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
}
.o2-clone .o2-consult{background:var(--navy);color:#fff}
.o2-clone .o2-consult .o2-h2{color:#fff}
.o2-clone .o2-consult__grid{display:grid;gap:20px}
.o2-clone .o2-consult__intro > p{font-size:14.5px;color:rgba(255,255,255,.82);margin:8px 0 16px}
.o2-clone .o2-consult__actions{display:flex;flex-wrap:wrap;gap:10px}
.o2-clone .o2-consult__form{padding:16px;border-radius:var(--r-md);background:#fff;color:var(--ink)}
.o2-clone .o2-consult__form small{display:block;margin-top:10px;font-size:12px;color:var(--muted)}
.o2-clone .o2-consult__form .o2-btn{margin-top:14px}
.o2-clone .o2-skinpick{border:0;padding:0;margin:0 0 14px}
.o2-clone .o2-skinpick legend{font-size:14px;font-weight:600;color:var(--navy-900);margin-bottom:10px}
.o2-clone .o2-skinpick__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.o2-clone .o2-skinpick__item{position:relative;cursor:pointer}
.o2-clone .o2-skinpick__item input{position:absolute;opacity:0;inset:0;margin:0}
.o2-clone .o2-skinpick__item span{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border:1px solid var(--line);border-radius:var(--r-sm);text-align:center}
.o2-clone .o2-skinpick__item img{width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--wash)}
.o2-clone .o2-skinpick__item b{font-size:11.5px;font-weight:500;line-height:1.2;color:var(--ink-2)}
.o2-clone .o2-skinpick__item input:checked + span{border-color:var(--navy);background:var(--navy-050)}
.o2-clone .o2-skinpick__item input:checked + span b{color:var(--navy);font-weight:600}
.o2-clone .o2-skinpick__item input:focus-visible + span{outline:2px solid var(--navy)}
@media(min-width:900px){
.o2-clone .o2-consult__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:40px;align-items:center}
.o2-clone .o2-consult__form{padding:24px}
.o2-clone .o2-skinpick__item img{width:52px;height:52px}
.o2-clone .o2-skinpick__item b{font-size:12.5px}
}
body.o2-has-sticky{padding-bottom:70px}
@media(min-width:900px){
body.o2-has-sticky{padding-bottom:0}
}
.o2-clone .o2-footer{margin-top:24px;padding:28px 0 24px;border-top:1px solid var(--line);background:#fff;font-size:13.5px;color:var(--muted)}
.o2-clone .o2-footer__grid{display:grid;gap:22px}
.o2-clone .o2-footer__brand img{width:auto;height:40px;margin-bottom:10px}
.o2-clone .o2-footer__brand p{margin-bottom:4px;line-height:1.5}
.o2-clone .o2-footer__brand strong{color:var(--navy-900)}
.o2-clone .o2-footer__brand a{color:var(--navy);font-weight:600}
.o2-clone .o2-footer h4{margin-bottom:8px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--navy-900)}
.o2-clone .o2-footer nav a{display:block;padding:5px 0;color:var(--ink-2)}
.o2-clone .o2-footer nav a:hover{color:var(--navy);text-decoration:underline}
.o2-clone .o2-footer__bar{margin-top:22px;padding-top:14px;border-top:1px solid var(--line);font-size:12.5px}
@media(min-width:900px){
.o2-clone .o2-footer{padding:44px 0 28px}
.o2-clone .o2-footer__grid{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px}
}
body.o2-has-sticky .o2-clone .o2-footer{padding-bottom:40px}
.o2-clone .o2-float{position:fixed;right:12px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:75;display:flex;flex-direction:column;gap:8px}
.o2-clone .o2-float a{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;box-shadow:var(--shadow-pop);font-size:12px;font-weight:700}
.o2-clone .o2-float .o2-float__phone{display:none}
.o2-clone .o2-float__zalo{background:#0068ff;color:#fff}
.o2-clone .o2-float__phone{background:var(--gold);color:var(--navy-900)}
.o2-clone .o2-float__phone svg{width:22px;height:22px}
body.o2-has-sticky .o2-clone .o2-float{bottom:calc(82px + env(safe-area-inset-bottom))}
@media(min-width:900px){
.o2-clone .o2-float{right:20px;bottom:24px}
.o2-clone .o2-float a{width:52px;height:52px;font-size:13px}
.o2-clone .o2-float .o2-float__phone{display:grid}
}
.o2-clone .o2-toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));z-index:130;display:flex;align-items:center;gap:14px;max-width:calc(100vw - 32px);padding:12px 16px;border-radius:var(--r-md);background:var(--navy-900);color:#fff;font-size:14px;transform:translateX(-50%);box-shadow:var(--shadow-pop)}
.o2-clone .o2-toast a{padding:6px 10px;border-radius:6px;background:var(--gold);color:var(--navy-900);font-weight:600;white-space:nowrap}
.o2-clone .o2-toast.is-error{background:var(--sale)}
.o2-clone .o2-toast.is-error a{display:none}
body.o2-has-sticky .o2-clone .o2-toast{bottom:calc(84px + env(safe-area-inset-bottom))}
@media(prefers-reduced-motion:reduce){
.o2-clone:not(#o2-i1):not(#o2-i2) *{transition:none;scroll-behavior:auto}
}
.o2-clone .o2-float{align-items:flex-end}
.o2-clone .o2-float .o2-float__phone{place-items:center;width:44px;height:44px;min-width:0;padding:0;border-radius:50%;background:var(--gold);color:var(--navy-900)}
.o2-clone:not(#o2-i1):not(#o2-i2) .o2-float .o2-float__phone{display:grid}
@media(min-width:900px){
.o2-clone .o2-float .o2-float__phone{width:52px;height:52px}
}
.o2-clone .o2-float .o2-float__phone:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
.o2-clone .o2-logo-home{display:flex;align-items:center;min-height:44px;flex-shrink:0}
.o2-clone .o2-shop-home{display:flex;align-items:center;min-height:0;padding-left:10px;border-left:1px solid var(--line-2);font-size:14px;font-weight:600;color:var(--navy);white-space:nowrap;text-decoration:none}
.o2-clone .o2-logo-home:focus-visible,.o2-clone .o2-shop-home:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
@media(max-width:899px){
.o2-clone .o2-shop-home{font-size:12px;padding-left:8px}
.o2-clone .o2-logo{gap:8px}
}
.o2-clone .o2-card .o2-card-rating-badge{display:inline-flex;align-items:center;align-self:flex-start;gap:4px;width:fit-content;padding:2px 7px;border:1px solid #f0d792;border-radius:4px;background:#fff9e9;color:var(--o2-primary);font-size:13px;line-height:1.5;text-decoration:none;margin:2px 0 5px}
.o2-clone .o2-card-rating-badge span{color:#d88a00;font-size:15px}
.o2-clone .o2-card-rating-badge:focus-visible{outline:2px solid var(--o2-primary);outline-offset:3px}
.o2-clone .o2-voucher__copy[data-voucher-save]{cursor:pointer}
.o2-clone .o2-voucher__copy[data-voucher-save]:focus-visible{outline:3px solid var(--o2-secondary);outline-offset:3px}
.o2-clone .o2-voucher__copy[data-voucher-save][aria-pressed="true"] b{background:#176747}