/* Lanka Smart Market — Premium experience layer (non-destructive, app-wide polish) */
:root{--lsm-premium-ink:#112b4b;--lsm-premium-blue:#1558aa;--lsm-premium-aqua:#2fc5d2;--lsm-premium-gold:#e3bd54;--lsm-premium-shadow:0 16px 44px rgba(13,45,83,.095);--lsm-premium-radius:20px;scroll-behavior:smooth}
html{scroll-padding-top:24px}
body{color:var(--lsm-premium-ink);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button,a{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(47,197,210,.72);outline-offset:3px}
button:disabled{cursor:not-allowed;opacity:.62;transform:none!important;box-shadow:none!important}
.primary,.secondary,.primary-button,.secondary-button{border-radius:12px;letter-spacing:.005em;box-shadow:0 4px 12px rgba(8,46,94,.07)}
.primary:hover:not(:disabled),.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 24px rgba(7,68,145,.2)}
.secondary:hover:not(:disabled),.secondary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px rgba(8,46,94,.09)}
.reference-header,.reference-hero,.reference-footer,.marketplace-verticals,.install-banner,.shop-section,.benefits{isolation:isolate}
.reference-header{box-shadow:0 8px 30px rgba(7,31,65,.12)}
.reference-hero{overflow:hidden}
.hero-slide,.mobile-hero-slide{transform:translateZ(0)}
.hero-premium-art img,.mobile-hero-person{filter:saturate(1.04) contrast(1.015)}
.hero-premium-shop,.mobile-hero-copy a{box-shadow:0 10px 25px rgba(6,31,68,.19)}
.category-card{border:1px solid rgba(206,222,239,.78);border-radius:18px;box-shadow:0 5px 18px rgba(12,42,77,.035);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.category-card:hover,.category-card:focus-visible{transform:translateY(-4px);box-shadow:0 15px 30px rgba(12,42,77,.11);border-color:#b5ccef}
.category-picture img{transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .3s ease}
.category-card:hover .category-picture img{transform:scale(1.055);filter:saturate(1.08)}
.product-card{border:1px solid rgba(210,224,240,.88);border-radius:18px;box-shadow:0 5px 20px rgba(13,45,83,.045);transition:transform .24s cubic-bezier(.2,.7,.2,1),box-shadow .24s ease,border-color .24s ease}
.product-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px rgba(13,45,83,.12);border-color:#b9d1ef}
.product-card-image{overflow:hidden;border-radius:16px 16px 0 0;background:linear-gradient(135deg,#f3f7fc,#e9f1f8)}
.product-card-image img{transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.product-card:hover .product-card-image img{transform:scale(1.035)}
.product-badge,.marketplace-featured-badge{box-shadow:0 4px 12px rgba(7,31,65,.13);backdrop-filter:blur(8px)}
.favorite-btn,.quick-cart-btn{box-shadow:0 6px 16px rgba(10,35,64,.13);transition:transform .18s ease,box-shadow .18s ease}
.favorite-btn:hover,.quick-cart-btn:hover{transform:scale(1.08)}
.marketplace-verticals{position:relative;overflow:hidden;border:1px solid rgba(189,211,236,.8);box-shadow:var(--lsm-premium-shadow);background:linear-gradient(145deg,rgba(250,253,255,.98),rgba(241,247,254,.97))}
.marketplace-verticals:before{content:"";position:absolute;right:-120px;top:-150px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(47,197,210,.13),transparent 69%);pointer-events:none;z-index:-1}
.marketplace-listings-grid{gap:18px}
.marketplace-listing-card{border:1px solid rgba(203,219,237,.88);border-radius:19px;overflow:hidden;box-shadow:0 6px 24px rgba(10,41,77,.055);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.marketplace-listing-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(10,41,77,.13);border-color:#b2cae8}
.marketplace-listing-card .marketplace-main-photo{transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.marketplace-listing-card:hover .marketplace-main-photo{transform:scale(1.025)}
.marketplace-listing-body{padding:17px}
.marketplace-listing-body h3{letter-spacing:-.018em;line-height:1.3}
.marketplace-listing-price{font-variant-numeric:tabular-nums;letter-spacing:-.025em}
.marketplace-type-filters{scrollbar-width:thin;scrollbar-color:#bfd0e4 transparent}
.marketplace-filter{border:1px solid #d6e3f1;background:rgba(255,255,255,.92);box-shadow:0 2px 6px rgba(12,42,77,.025)}
.marketplace-filter.active,.marketplace-filter:hover{box-shadow:0 8px 19px rgba(9,72,150,.13)}
.marketplace-search-tools{box-shadow:0 10px 28px rgba(8,46,94,.05);backdrop-filter:blur(10px)}
.marketplace-card-image{background:linear-gradient(135deg,#edf3f9,#e3edf7)}
.marketplace-image-fallback{background:linear-gradient(135deg,#e9f0f8,#dae6f2)}
.marketplace-photo-thumb:focus-visible{outline:3px solid #48d0d8;outline-offset:2px}
.marketplace-disclaimer{border-radius:14px}
.overlay{backdrop-filter:blur(9px);background:rgba(7,25,48,.63)}
.modal{border:1px solid rgba(219,231,245,.92);border-radius:24px;box-shadow:0 28px 90px rgba(0,19,45,.25);animation:lsm-modal-in .24s cubic-bezier(.2,.75,.25,1)}
@keyframes lsm-modal-in{from{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
.formgrid input,.formgrid select,.formgrid textarea{transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}
.formgrid input:focus,.formgrid select:focus,.formgrid textarea:focus{border-color:#5e9de4;box-shadow:0 0 0 4px rgba(20,91,174,.1)}
.seller-auth-card,.seller-password-settings,.admin-category-manager,.admin-product-form,.admin-product-help{border-radius:18px}
.seller-auth-card{border:1px solid #dce7f3;background:linear-gradient(145deg,#fff,#f7faff);box-shadow:0 8px 26px rgba(13,45,83,.045)}
.seller-request-card{border-radius:17px;border:1px solid #dce7f2;box-shadow:0 8px 22px rgba(13,45,83,.045);transition:box-shadow .2s ease,border-color .2s ease}
.seller-request-card:hover{box-shadow:0 13px 30px rgba(13,45,83,.08);border-color:#b5cce8}
.seller-request-actions{align-items:stretch}
.seller-request-actions button{min-height:42px}
.danger-button{border:1px solid #f1c5c8!important;background:#fff5f5!important;color:#a32535!important;border-radius:11px;padding:10px 13px;font-weight:800;cursor:pointer}
.danger-button:hover:not(:disabled){background:#ffe9eb!important;border-color:#e9a4ab!important;transform:translateY(-1px)}
.order-card,.marketplace-admin-card{box-shadow:0 8px 25px rgba(12,42,77,.045);transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}
.order-card:hover,.marketplace-admin-card:hover{box-shadow:0 13px 32px rgba(12,42,77,.08)}
.admin-tabs{scrollbar-width:thin;scrollbar-color:#5e85b4 transparent}
.admin-tabs .tab{transition:color .18s ease,background .18s ease,transform .18s ease}
.toast{box-shadow:0 14px 38px rgba(0,20,46,.22);backdrop-filter:blur(12px)}
.reference-footer{border-top:1px solid rgba(204,221,240,.9)}
.reference-footer a:hover,.reference-footer button:hover{transform:translateY(-1px)}
@media(max-width:720px){.category-card{border-radius:14px}.product-card{border-radius:15px}.marketplace-listing-card{border-radius:16px}.marketplace-listing-body{padding:14px}.modal{border-radius:19px}.seller-request-actions{display:grid;grid-template-columns:1fr}.seller-request-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Premium Lanka Smart Market identity ticker and seller trust ribbon */
.lsm-premium-ticker{position:relative;z-index:20;overflow:hidden;background:linear-gradient(100deg,#07162d,#102b50 48%,#07162d);color:#f8d98a;border-bottom:1px solid rgba(248,217,138,.32);white-space:nowrap}
.lsm-ticker-track{display:flex;align-items:center;gap:3.2rem;width:max-content;padding:.62rem 0;animation:lsmTickerRoll 28s linear infinite;font-size:.76rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.lsm-ticker-track strong{color:#fff;letter-spacing:.08em}
.lsm-premium-ticker:hover .lsm-ticker-track{animation-play-state:paused}
@keyframes lsmTickerRoll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.seller-brand-ribbon{display:flex;align-items:center;gap:.42rem;flex-wrap:wrap;margin:.45rem 0;padding:.38rem .58rem;border:1px solid rgba(190,148,58,.34);border-radius:999px;background:linear-gradient(90deg,rgba(255,246,219,.96),rgba(255,255,255,.82));color:#765313;font-size:.76rem;max-width:max-content}
.seller-brand-ribbon b{font-weight:900;color:#132b4c;text-transform:uppercase;letter-spacing:.035em}
.seller-brand-ribbon span{color:#64748b;font-size:.68rem}
.vehicle-only:not(.hidden){display:flex;flex-direction:column;gap:.35rem}
@media(prefers-reduced-motion:reduce){.lsm-ticker-track{animation:none;transform:none}.lsm-premium-ticker{white-space:normal}.lsm-ticker-track{width:auto;justify-content:center;flex-wrap:wrap;gap:.5rem 1rem}}
.vehicle-profile-panel{display:grid;gap:.3rem;margin:.65rem 0;padding:.75rem;border:1px solid rgba(22,50,83,.12);border-radius:14px;background:linear-gradient(135deg,#f7faff,#fff)}.vehicle-profile-panel b{color:#163253;font-size:.94rem}.vehicle-profile-panel span,.vehicle-profile-panel small{font-size:.78rem;color:#52647a}.vehicle-profile-panel .vehicle-rating-pending{color:#8a641d;font-weight:700}

/* Cinematic Sri Lankan storefront hero — inspired by the reference's clean, premium visual hierarchy. */
.reference-hero{position:relative;background:#071b2d}
.reference-hero:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(105deg,rgba(4,22,39,.12),transparent 42%,rgba(3,30,40,.08)),radial-gradient(ellipse at 82% 12%,rgba(255,218,137,.16),transparent 38%);mix-blend-mode:soft-light}
.desktop-hero-reference{transform:scale(1.015);transform-origin:center;animation:lsmHeroCinematic 24s ease-in-out infinite alternate;will-change:transform}
.hero-slide-reference:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(3,20,38,.12),transparent 40%,rgba(7,35,43,.08))}
.hero-slide-premium{background:linear-gradient(112deg,#f9fcff 0%,#f2f8f7 48%,#eaf4ed 100%)}
.hero-premium-design:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.22;background-image:radial-gradient(rgba(13,91,87,.22) .65px,transparent .65px);background-size:17px 17px;mask-image:linear-gradient(90deg,black,transparent 62%)}
.hero-premium-copy h2{letter-spacing:-.045em;text-wrap:balance}
.hero-premium-eyebrow{letter-spacing:.16em}
.hero-premium-shop{background:linear-gradient(110deg,#0c765d,#087b86)!important;color:#fff!important;border:1px solid rgba(255,255,255,.32);box-shadow:0 12px 28px rgba(4,91,81,.24)!important}
.hero-premium-shop:hover{filter:brightness(1.08);transform:translateY(-2px)}
.hero-premium-art>img{animation:heroPersonFloat 5s ease-in-out infinite,lsmHeroGlow 9s ease-in-out infinite alternate}
.hero-slideshow-controls{z-index:12}
.hero-slide-dot.is-active{background:#e6bf62;border-color:#e6bf62}
@keyframes lsmHeroCinematic{0%{transform:scale(1.015) translate3d(0,0,0)}100%{transform:scale(1.075) translate3d(-.65%,.2%,0)}}
@keyframes lsmHeroGlow{0%{filter:saturate(1.02) contrast(1.01) drop-shadow(0 11px 18px rgba(25,60,35,.08))}100%{filter:saturate(1.12) contrast(1.035) drop-shadow(0 16px 25px rgba(8,77,77,.16))}}
@media(max-width:760px){.reference-hero:after{background:linear-gradient(115deg,rgba(4,22,39,.04),transparent 65%)}.desktop-hero-reference{animation:none}.hero-premium-copy h2{letter-spacing:-.035em}}
@media(prefers-reduced-motion:reduce){.desktop-hero-reference,.hero-premium-art>img{animation:none!important}}