/* Azulene OpenCart 3.0.3.1 theme: clinical editorial, DM Serif Display + Manrope, porcelain base, graphite type, sage accent, coral active states. */
:root{--az-porcelain:#f7f5ef;--az-paper:#fbfaf7;--az-ink:#1f2521;--az-sage:#5a776b;--az-sage-dark:#456357;--az-coral:#d97964;--az-line:#dcded4;--az-muted:#7c827c;--az-radius:0}
.az-finder{position:relative;display:grid;grid-template-columns:minmax(280px,.85fr) minmax(560px,1.4fr);gap:80px;max-width:1200px;margin:0 auto;padding:110px 40px;background:var(--az-paper);color:var(--az-ink);font-family:Manrope,Arial,sans-serif}
.az-finder:before{content:'AZULENE / SKIN DIAGNOSIS';position:absolute;top:40px;right:40px;color:var(--az-muted);font-size:9px;letter-spacing:.18em}
.az-finder__rail{position:absolute;left:22px;top:124px;display:flex;flex-direction:column;align-items:center;gap:14px;color:var(--az-coral);font:700 9px/1 Manrope,sans-serif;letter-spacing:.08em}.az-finder__rail i{height:54px;width:1px;background:var(--az-line)}
.az-finder__intro{padding-left:28px;align-self:start}.az-eyebrow,.az-finder__step-label{color:var(--az-sage);font-size:9px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.az-eyebrow:before{content:'';display:inline-block;width:30px;height:1px;background:var(--az-coral);margin:0 12px 3px 0}.az-finder h2{margin:30px 0 22px;font:400 52px/1.02 'DM Serif Display',Georgia,serif;letter-spacing:-.035em}.az-finder h2 em{color:var(--az-sage);font-style:italic}.az-finder__intro>p:last-child{max-width:320px;color:var(--az-muted);font-size:13px;line-height:1.75}
.az-finder__form{border-top:1px solid var(--az-ink)}.az-finder__step{display:none}.az-finder__step.is-active{display:block}.az-finder__step-label{margin-top:12px;color:var(--az-coral)}.az-finder h3{margin:12px 0 14px;font:400 28px/1.1 'DM Serif Display',Georgia,serif}.az-finder__options{border-top:1px solid var(--az-line)}.az-finder__options label{display:flex;position:relative;align-items:center;gap:16px;min-height:73px;border-bottom:1px solid var(--az-line);padding:12px 18px;cursor:pointer;transition:background .18s ease,color .18s ease}.az-finder__options label:hover{background:#f0f2ea}.az-finder__options label:has(input:checked){background:var(--az-sage);color:#fff}.az-finder__options input{position:absolute;opacity:0}.az-finder__options span{display:flex;flex-direction:column;gap:5px}.az-finder__options b{font:400 19px 'DM Serif Display',Georgia,serif}.az-finder__options small{font-size:10px;color:var(--az-muted)}.az-finder__options label:has(input:checked) small{color:#dae5de}.az-finder__options i{margin-left:auto;color:var(--az-coral);font-style:normal;font-size:9px;letter-spacing:.12em}.az-finder__options--compact label{min-height:62px}.az-finder__actions{display:flex;justify-content:flex-end;gap:20px;padding-top:20px}.az-button{border:0;background:var(--az-ink);color:#fff;padding:13px 18px;font:800 9px Manrope,sans-serif;letter-spacing:.13em;text-transform:uppercase;cursor:pointer}.az-button span{margin-left:16px;font-size:14px}.az-button--back{background:transparent;color:var(--az-sage);padding-left:0;visibility:hidden}
.az-finder__result{grid-column:1/-1;border-top:1px solid var(--az-line);margin-top:10px;padding-top:48px}.az-finder__result-head{display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:end;gap:20px;margin-bottom:36px}.az-finder__result-head span,.az-route-group__label{color:var(--az-coral);font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.az-finder__result-head h3{font-size:42px;margin:0}.az-finder__result-head p{margin:0;color:var(--az-muted);font-size:11px;line-height:1.6}.az-route-group{margin-top:42px}.az-route-group h4{border-bottom:1px solid var(--az-line);padding:0 0 14px;margin:8px 0 20px;font:400 29px 'DM Serif Display',Georgia,serif}.az-products{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.az-product{display:grid;grid-template-columns:110px 1fr;background:#f0f2ed;min-height:200px}.az-product__image{display:flex;align-items:center;justify-content:center;min-height:200px;background:#e2e9e2}.az-product__image img{width:78%;height:78%;object-fit:contain}.az-product__placeholder{display:grid;place-items:center;width:54px;height:108px;background:#f8f6ef;border:1px solid #ddd8cc;color:var(--az-sage);font-size:9px;letter-spacing:.16em}.az-product__body{padding:18px 14px 14px;background:#fbfaf7}.az-product__body h4{margin:8px 0 9px;font:400 20px/1.05 'DM Serif Display',Georgia,serif}.az-product__body p{margin:0 0 12px;color:var(--az-muted);font-size:10px;line-height:1.45}.az-product__body a{display:inline-flex;gap:8px;color:var(--az-sage-dark);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;text-decoration:none}.az-product__body a span{color:var(--az-coral)}.az-product__frequency,.az-product__category{display:block;font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.az-product__frequency{color:var(--az-coral)}.az-product__category{margin-top:6px;color:var(--az-sage)}.az-product__caution{display:block;border-left:2px solid var(--az-coral);padding-left:7px;margin:10px 0;color:#98685d;font-size:9px;line-height:1.4}.az-finder__empty{border:1px dashed var(--az-line);padding:28px}.az-finder__empty b{display:block;font:400 24px 'DM Serif Display',Georgia,serif}.az-finder__empty p{color:var(--az-muted);font-size:12px}.az-finder__empty a{color:var(--az-sage-dark);font-size:10px;font-weight:800;text-transform:uppercase;text-decoration:none}
@media(max-width:900px){.az-finder{grid-template-columns:1fr;gap:40px;padding:82px 24px 70px}.az-finder:before{right:24px}.az-finder__intro{padding-left:28px}.az-finder h2{font-size:44px}.az-finder__result-head{grid-template-columns:1fr}.az-products{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.az-finder{padding:70px 16px 50px}.az-finder__rail{left:7px;top:88px}.az-finder__intro{padding-left:18px}.az-finder h2{font-size:37px}.az-finder__options b{font-size:17px}.az-products{grid-template-columns:1fr}.az-product{grid-template-columns:105px 1fr}.az-finder__result-head h3{font-size:34px}}

/* Motion layer: quiet clinical transitions, never decorative overload. */
:root{--az-ease:cubic-bezier(.23,1,.32,1);--az-motion-fast:180ms;--az-motion-medium:420ms}
.az-page-loader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;gap:18px;background:var(--az-porcelain);transition:opacity 520ms var(--az-ease),visibility 520ms var(--az-ease)}.az-page-loader__mark{display:block;color:var(--az-sage);font-size:42px;line-height:1;animation:az-loader-breathe 1.1s ease-in-out infinite}.az-page-loader__line{display:block;width:58px;height:1px;overflow:hidden;background:var(--az-line)}.az-page-loader__line:after{content:'';display:block;width:45%;height:100%;background:var(--az-coral);animation:az-loader-line 1.1s var(--az-ease) infinite}.az-ready .az-page-loader{opacity:0;visibility:hidden;pointer-events:none}.az-ready .az-site-header,.az-ready .az-home>*,.az-ready .az-product-page>*{animation:az-reveal-up 700ms var(--az-ease) both}.az-ready .az-site-header{animation-delay:80ms}.az-ready .az-home>*:nth-child(2){animation-delay:140ms}.az-ready .az-home>*:nth-child(3){animation-delay:220ms}.az-ready .az-home>*:nth-child(4){animation-delay:300ms}
.az-site-header a,.az-site-header button,.az-footer a,.az-main-nav a,.az-product-page a{transition:color var(--az-motion-fast) var(--az-ease),opacity var(--az-motion-fast) var(--az-ease),transform var(--az-motion-fast) var(--az-ease)}.az-site-header a:hover,.az-footer a:hover,.az-main-nav a:hover{color:var(--az-sage)}.az-header-actions a:hover span,.az-footer a:hover span{transform:translateX(4px)}
.az-product,.product-layout .product-thumb,.product-grid .product-thumb,.product-list .product-thumb{transition:transform var(--az-motion-medium) var(--az-ease),box-shadow var(--az-motion-medium) var(--az-ease),background-color var(--az-motion-medium) var(--az-ease);will-change:transform}.az-product:hover,.az-product:focus-within,.product-layout .product-thumb:hover,.product-layout .product-thumb:focus-within,.product-grid .product-thumb:hover,.product-grid .product-thumb:focus-within,.product-list .product-thumb:hover,.product-list .product-thumb:focus-within{transform:translateY(-6px);box-shadow:0 16px 34px rgba(31,37,33,.10)}.az-product__image,.product-layout .product-thumb .image,.product-grid .product-thumb .image,.product-list .product-thumb .image{overflow:hidden}.az-product__image img,.product-layout .product-thumb .image img,.product-grid .product-thumb .image img,.product-list .product-thumb .image img{transition:transform 600ms var(--az-ease),filter 600ms var(--az-ease)}.az-product:hover .az-product__image img,.az-product:focus-within .az-product__image img,.product-layout .product-thumb:hover .image img,.product-layout .product-thumb:focus-within .image img,.product-grid .product-thumb:hover .image img,.product-grid .product-thumb:focus-within .image img,.product-list .product-thumb:hover .image img,.product-list .product-thumb:focus-within .image img{transform:scale(1.045);filter:saturate(1.06)}.az-product__body a:hover,.product-layout .product-thumb h4 a:hover,.product-grid .product-thumb h4 a:hover,.product-list .product-thumb h4 a:hover{color:var(--az-coral)}.az-button,.button,.btn{transition:transform var(--az-motion-fast) var(--az-ease),background-color var(--az-motion-fast) var(--az-ease),color var(--az-motion-fast) var(--az-ease)}.az-button:hover,.az-button:focus-visible,.button:hover,.button:focus-visible,.btn:hover,.btn:focus-visible{transform:translateY(-2px);background:var(--az-sage-dark)}.az-button:active,.button:active,.btn:active{transform:translateY(0) scale(.98)}
@keyframes az-loader-breathe{0%,100%{transform:scale(.92);opacity:.58}50%{transform:scale(1);opacity:1}}@keyframes az-loader-line{0%{transform:translateX(-120%)}100%{transform:translateX(280%)}}@keyframes az-reveal-up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.az-page-loader{display:none}.az-ready .az-site-header,.az-ready .az-home>*,.az-ready .az-product-page>*{animation:none}}