/* Interactive, no-fake-buttons Smart Connect panel */
.real-smart-section{padding-block:55px!important;background:#f4fbfd!important;}
.real-smart-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,86px);align-items:center}
.real-smart-grid .smart-content h2{font-size:clamp(29px,3.5vw,48px);line-height:1.38;margin:14px 0 14px}
.real-smart-grid .smart-content p{font-size:15px;line-height:2;max-width:490px;margin:0 0 18px}
.real-smart-grid .feature-pills{margin:10px 0 24px;display:flex;flex-wrap:wrap;gap:9px}
.real-smart-grid .feature-pills span{background:#fff;border:1px solid #d6e9ef;color:#27647d;padding:7px 11px;border-radius:11px;box-shadow:none;font-size:12px;font-weight:700}
.real-smart-primary{font-size:14px!important;min-height:51px!important;background:#118ab4!important;color:#fff!important;border:1px solid #087caa!important;box-shadow:0 4px 10px rgba(24,114,145,.12)!important}
.real-smart-primary:hover{box-shadow:0 6px 13px rgba(24,114,145,.18)!important}
.real-smart-actions{display:block!important;transform:none!important;filter:none!important;position:relative;padding:22px;border:1px solid #cfe9f1;border-radius:24px;background:#fff;box-shadow:0 7px 24px rgba(27,90,116,.07)!important;min-width:0}
.real-smart-actions::before,.real-smart-actions::after{display:none!important}
.real-smart-head{display:flex;align-items:center;gap:10px;margin-bottom:17px;flex-wrap:wrap}
.real-smart-head .real-smart-dot{display:grid;place-items:center;background:#e9f8ff;color:#1586b1;border-radius:12px;font-size:20px;width:42px;height:42px}
.real-smart-head strong{font-size:18px;color:#174b63}
.real-smart-head small{display:block;width:100%;color:#5e8190;font-size:12px}
.real-smart-buttons{display:grid;grid-template-columns:1fr;gap:10px}
.real-smart-action{direction:inherit;display:flex;align-items:center;gap:14px;width:100%;min-width:0;min-height:74px;text-align:start;border:1px solid #d4e8ee;border-radius:15px;background:#f3fbff;padding:10px 15px;color:#194e66;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 2px 0 #c2e4ef}
.real-smart-action:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(18,113,151,.11);background:#e9f9ff}
.real-smart-action:focus-visible{outline:3px solid #0d8cbd;outline-offset:3px}
.real-smart-action.smart-cosmetics{background:#eefafd;border-color:#cae9f0}
.real-smart-action.smart-medicines{background:#eefbf4;border-color:#c9ead7}
.real-smart-action.smart-availability{background:#f4f4fe;border-color:#dadcf5}
.real-smart-action .real-action-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:11px;background:#caedf8;color:#147da5;font-size:23px}
.real-smart-action.smart-medicines .real-action-icon{background:#d0f1e2;color:#168168}
.real-smart-action.smart-availability .real-action-icon{background:#dddff8;color:#586fb7}
.real-smart-action .real-action-text{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}
.real-smart-action .real-action-text strong{color:#174d66;font-size:15px;line-height:1.5}
.real-smart-action .real-action-text small{color:#648091;font-size:11px;line-height:1.5}
.real-smart-action>span:last-child{color:#107daa;font-size:21px}
.smart-transparency{font-size:12px;color:#5a7b88;line-height:1.8;margin:17px 0 0;padding:13px;border-radius:12px;background:#f6fafc;border:1px solid #e2eef3}
@media(max-width:760px){.real-smart-section{padding-block:27px!important}.real-smart-grid{grid-template-columns:1fr;gap:19px}.real-smart-grid .smart-content h2{font-size:29px}.real-smart-grid .smart-content p{font-size:13px;line-height:1.9}.real-smart-actions{padding:15px;border-radius:16px}.real-smart-action{min-height:67px;padding:9px 12px}.real-smart-head strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.real-smart-action{transition:none}.real-smart-action:hover{transform:none}}

.cloud-data-notice{max-width:1100px;margin:12px auto;padding:12px 18px;border:1px solid #eccb91;border-radius:12px;background:#fff8e8;color:#755923;text-align:center;font-size:.9rem;line-height:1.8}