/* Module 87 — Full-site mobile + customer profile responsive + SEO UX */
html{max-width:100%;overflow-x:hidden;scroll-behavior:smooth}
body{max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}
img,svg,video,canvas{max-width:100%;height:auto}
button,input,select,textarea{font:inherit}
[hidden]{display:none!important}
.nova-wrap{overflow-x:clip}
.profile-title-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.profile-layout-v87{align-items:start}
.profile-card-v87{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 0,rgba(20,184,166,.18),transparent 32%),#fff!important}
.profile-glow{position:absolute;right:-70px;top:-70px;width:190px;height:190px;border-radius:999px;background:rgba(20,184,166,.16)}
.profile-avatar-v87{position:relative;z-index:1;box-shadow:0 18px 38px rgba(15,118,110,.20)}
.profile-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:16px}
.profile-mini-stats div{border:1px solid #d9f5ee;background:#f0fdfa;border-radius:16px;padding:10px;text-align:center}
.profile-mini-stats b{display:block;color:#0f766e;font-size:20px;font-weight:1000}
.profile-mini-stats small{display:block;color:#64748b;font-size:11px;font-weight:900;margin-top:2px}
.profile-form-v87 label>span{display:block;color:#334155;font-size:12px;font-weight:1000;margin-bottom:7px}
.profile-help-text{display:block;color:#64748b;font-weight:800;font-size:12px;margin-top:7px}
.profile-actions-v87{margin-top:16px}
.profile-actions-v87 .account-btn{min-width:160px}
.password-tips{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}
.password-tips div{display:flex;align-items:center;gap:8px;border:1px solid #edf3f5;background:#fbfefe;border-radius:14px;padding:10px}
.password-tips b{font-size:11px;color:#334155;font-weight:1000}
.security-check-grid{display:grid;gap:10px}
.security-check-grid div{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;border:1px solid #edf3f5;background:#fbfefe;border-radius:16px;padding:13px}
.security-check-grid span{grid-row:1/3;width:40px;height:40px;border-radius:14px;background:#ecfdf5;display:grid;place-items:center}
.security-check-grid b{color:#0f172a;font-weight:1000}
.security-check-grid p{grid-column:2;color:#64748b;font-size:12px;font-weight:800;margin-top:-5px}
.account-sidebar::-webkit-scrollbar,.nova-mobile-chips::-webkit-scrollbar{display:none}
.account-sidebar,.nova-mobile-chips{scrollbar-width:none}
@media(max-width:1180px){
  .nova-head-main{gap:12px}.nova-search{max-width:none}.nova-head-actions{gap:10px}.nova-action{font-size:11px}.nova-menu{gap:14px}
  .shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .medicine-image{height:135px}
}
@media(max-width:900px){
  .account-page{width:min(100% - 24px,1240px)!important}
  .account-shell,.profile-shell{display:block!important}
  .account-sidebar,.profile-mobile-nav{position:sticky!important;top:54px;z-index:30;display:flex!important;flex-wrap:nowrap;overflow-x:auto;gap:8px;margin:0 0 14px;padding:10px;border-radius:18px;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);box-shadow:0 14px 30px rgba(15,23,42,.08)}
  .account-sidebar a{flex:0 0 auto;white-space:nowrap}
  .profile-layout,.profile-layout-v87{grid-template-columns:1fr!important}
  .profile-summary{order:-1}
  .account-grid{grid-template-columns:1fr!important}
  .account-main{min-width:0}
  .profile-titlebar,.account-titlebar,.account-hero{display:block!important}
  .profile-title-actions,.account-hero-actions{margin-top:14px}
  .profile-title-actions .account-btn,.account-hero-actions .account-btn{flex:1 1 160px}
  .shop-layout{grid-template-columns:1fr!important}
  .shop-filter-card{position:static!important}
  .shop-mobile-filter{display:block!important}
  .shop-layout>.shop-filter-card{display:none!important}
  .checkout-grid,.product-detail-grid,.product-section-grid-premium,.rx-detail-grid,.mn-rx-admin-grid{grid-template-columns:1fr!important}
}
@media(max-width:767px){
  :root{--mobile-gap:14px}
  .nova-container,.shop-shell,.rx-page,.account-page{width:min(100% - 18px,1240px)!important}
  .nova-mobile-head{box-shadow:0 12px 26px rgba(15,23,42,.06)}
  .nova-mobile-head-main{height:auto;min-height:56px;padding:8px 0}
  .nova-mobile-icons{gap:8px}.nova-mobile-icons a{min-width:34px;height:34px;display:grid;place-items:center;border:1px solid #e5edf0;border-radius:12px;background:#fff}
  .nova-mobile-search input{height:42px;font-size:12px}
  .nova-mobile-chips{padding-bottom:8px}
  .nova-bottom-nav{height:64px}
  .floating-cart,.whatsapp-float{transform:scale(.88);transform-origin:right bottom}
  .whatsapp-float{left:10px!important;bottom:76px!important}
  .floating-cart{right:10px!important;bottom:92px!important}
  .account-titlebar h1,.account-hero h1{font-size:clamp(28px,9vw,40px)!important;line-height:1.05}
  .account-titlebar,.account-hero,.profile-card-v87,.account-card{border-radius:20px!important}
  .account-stats,.account-stats-premium{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .account-stat{padding:13px!important;min-height:112px}
  .account-progress-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .account-progress-steps div{padding:10px 8px!important}
  .account-order-row,.order-history-top,.order-history-body,.address-card{gap:10px}
  .form-grid.two,.profile-form-grid,.password-tips{grid-template-columns:1fr!important}
  .account-form input,.account-form select,.account-form textarea{min-height:48px;font-size:16px!important}
  .profile-actions-v87 .account-btn,.form-actions .account-btn{width:100%;justify-content:center}
  .profile-mini-stats{grid-template-columns:repeat(3,1fr);gap:7px}
  .profile-mini-stats div{padding:9px 5px}.profile-mini-stats b{font-size:18px}.profile-mini-stats small{font-size:10px}
  .security-check-grid div{grid-template-columns:34px minmax(0,1fr);padding:11px}.security-check-grid span{width:34px;height:34px}
  .shop-hero-v28{padding:20px!important;border-radius:22px!important}.shop-hero-stats,.shop-benefit-strip{grid-template-columns:repeat(2,1fr)!important}
  .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .medicine-card{padding:10px!important;border-radius:16px!important}.medicine-image{height:118px!important}.medicine-title{font-size:.78rem}.medicine-add{width:100%;margin-top:8px}.medicine-price-row{display:block}
  .product-main-image{height:300px!important}.product-buy-card{position:static!important;padding:18px!important}.product-name{font-size:clamp(28px,9vw,42px)!important}
  .nova-footer-grid{grid-template-columns:1fr!important;text-align:left}.nova-footer-top{display:none!important}.nova-copy{padding-bottom:84px!important}
}
@media(max-width:420px){
  .account-stats,.account-stats-premium{grid-template-columns:1fr 1fr!important}
  .shop-grid{grid-template-columns:1fr 1fr!important}
  .medicine-image{height:105px!important}
  .medicine-title{font-size:.74rem}.medicine-sub,.medicine-rating{font-size:.66rem}
  .account-sidebar a{height:40px!important;padding-inline:11px!important;font-size:11px!important}
  .profile-mini-stats{grid-template-columns:1fr}.profile-mini-stats div{display:flex;align-items:center;justify-content:space-between;padding:10px 12px}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
}