/* SM Flora V22 - Unified premium UI layer. Presentation only; no business logic. */
:root{
  --sm-primary:#b4236d;--sm-primary-2:#8f1d57;--sm-ink:#1f2937;--sm-muted:#667085;
  --sm-border:#eadde5;--sm-surface:#fff;--sm-soft:#fff6fa;--sm-shadow:0 10px 30px rgba(31,41,55,.08);
  --sm-radius:18px;--sm-radius-sm:12px;
}
html{scroll-behavior:smooth}
body{color:var(--sm-ink)}
button,.btn,.option-btn,input[type=submit],input[type=button],a.btn,a.option-btn{border-radius:12px!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease!important}
button:hover,.btn:hover,.option-btn:hover,input[type=submit]:hover,input[type=button]:hover,a.btn:hover,a.option-btn:hover{transform:translateY(-1px)}
input:not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]),select,textarea{border-radius:12px!important;border:1px solid var(--sm-border)!important;background:#fff!important;min-height:44px;box-sizing:border-box;transition:border-color .18s,box-shadow .18s}
input:focus,select:focus,textarea:focus{outline:none!important;border-color:#d98bb3!important;box-shadow:0 0 0 4px rgba(180,35,109,.10)!important}
.card,.box,.dashboard-card,.admin-control-card,.partner-stat,.partner-order-card,.partner-capacity,.sm-account-section,.smflora-section-card{border-radius:var(--sm-radius)!important;box-shadow:var(--sm-shadow)!important}
.message{border-radius:14px!important;box-shadow:0 8px 24px rgba(31,41,55,.10)!important}

/* Admin */
.admin-dashboard{max-width:1400px!important;margin:0 auto!important;padding:28px 18px 60px!important}
.admin-dashboard .dashboard-heading{margin-bottom:22px}
.admin-dashboard .dashboard-title{letter-spacing:-.03em}
.admin-control-card{border:1px solid rgba(234,221,229,.9)!important;background:linear-gradient(145deg,#fff,#fff9fc)!important;min-height:118px}
.admin-control-card:hover{box-shadow:0 16px 38px rgba(31,41,55,.12)!important;transform:translateY(-2px)}
.admin-dashboard table,.admin-dashboard .table-wrap,.dashboard table{border-radius:14px;overflow:hidden}
.admin-dashboard .btn,.admin-dashboard button,.admin-dashboard input[type=submit]{font-weight:800}
.sm-admin-group summary{border-radius:12px!important}
.sm-admin-group-links a{border-radius:10px!important}

/* Partner */
.partner-dashboard-v7,.partner-page,.partner-main{max-width:1320px;margin:0 auto;padding-left:16px;padding-right:16px}
.partner-stat{border:1px solid var(--sm-border)!important;background:linear-gradient(145deg,#fff,#fff8fb)!important}
.partner-stat:hover,.partner-order-card:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(31,41,55,.11)!important}
.partner-order-card{border:1px solid var(--sm-border)!important}
.partner-actions .btn,.partner-actions button{min-height:44px}
.partner-header{box-shadow:0 6px 24px rgba(31,41,55,.08)!important}
.partner-nav a{border-radius:10px!important}
.partner-nav a.is-active{font-weight:800}

/* Customer */
.smflora-home-v11{max-width:1400px!important;margin:0 auto!important;padding-left:16px!important;padding-right:16px!important}
.smflora-home-top{border-radius:0 0 24px 24px}
.smflora-searchbar{box-shadow:0 8px 24px rgba(31,41,55,.08)!important}
.smflora-category-row{scrollbar-width:none}
.smflora-category-row::-webkit-scrollbar{display:none}
.smflora-hero-banner{border-radius:24px!important;box-shadow:var(--sm-shadow)!important;overflow:hidden}
.smflora-section-title{letter-spacing:-.02em}
.smflora-product-card,.smflora-offer-card,.smflora-service-card{border:1px solid var(--sm-border)!important;border-radius:18px!important;box-shadow:0 8px 24px rgba(31,41,55,.06)!important;background:#fff}
.smflora-product-card:hover,.smflora-offer-card:hover,.smflora-service-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(31,41,55,.10)!important}
.sm-mobile-bottom-nav{box-shadow:0 -8px 26px rgba(31,41,55,.10)!important;border-top:1px solid var(--sm-border)!important}

@media(max-width:700px){
  .admin-dashboard{padding:18px 12px 88px!important}
  .admin-control-card{min-height:96px}
  .partner-dashboard-v7,.partner-page,.partner-main{padding-left:12px;padding-right:12px}
  .smflora-home-v11{padding-left:12px!important;padding-right:12px!important}
  .smflora-hero-banner{border-radius:18px!important}
  .sm-mobile-bottom-nav{padding-bottom:env(safe-area-inset-bottom,0px)!important}
  table{font-size:13px}
}

/* SM Flora V23 Customer Home + Shop alignment */
.smflora-location-trigger{appearance:none;-webkit-appearance:none;border:0;background:transparent;text-align:left;font:inherit;color:inherit;width:100%;cursor:pointer;padding:0;display:flex;align-items:center;gap:12px}
.smflora-location-trigger:disabled{opacity:.75;cursor:wait}
.sm-home-location-status{display:block!important;color:#b4236d!important;font-size:10px!important;font-weight:800!important;margin-top:2px;min-height:12px}
.smflora-hero-actions{display:flex!important;gap:0!important;flex-wrap:nowrap!important}
.smflora-hero-btn-secondary{display:none!important}
.smflora-shop-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;align-items:start!important}
.smflora-shop-grid .smflora-shop-card{width:100%!important;min-width:0!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#fff!important;border:1px solid var(--sm-border)!important;border-radius:18px!important;box-shadow:0 8px 24px rgba(31,41,55,.06)!important}
.smflora-shop-grid .smflora-product-img{position:relative!important;display:block!important;aspect-ratio:1/1!important;overflow:hidden!important;background:#faf6f8!important}
.smflora-shop-grid .smflora-product-img img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important}
.smflora-shop-grid .smflora-product-img>span{position:absolute!important;left:10px!important;top:10px!important;background:#fff!important;color:#a51f5a!important;border-radius:999px!important;padding:6px 9px!important;font-size:11px!important;font-weight:900!important;box-shadow:0 4px 12px #00000012!important}
.smflora-shop-grid .smflora-product-eye{position:absolute!important;right:9px!important;top:9px!important;width:34px!important;height:34px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:11px!important;background:#fff!important;color:#222!important;box-shadow:0 4px 12px #00000018!important}
.smflora-shop-grid .smflora-product-info{padding:11px!important}
.smflora-shop-grid .smflora-product-info>b{display:block!important;font-size:14px!important;line-height:1.28!important;min-height:36px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.smflora-shop-grid .smflora-product-info>div{display:flex!important;align-items:baseline!important;gap:6px!important;margin-top:5px!important;white-space:nowrap!important}
.smflora-shop-grid .smflora-product-info>div>strong{font-size:19px!important;color:#a51f5a!important}
.smflora-shop-grid .smflora-product-info>div>del{font-size:12px!important;color:#8b8b8b!important}
.smflora-shop-grid .smflora-product-info small{display:block!important;margin-top:5px!important;color:#6f6670!important;font-size:11px!important;line-height:1.3!important}
.smflora-shop-grid .smflora-stock{color:#237a4b!important;font-weight:800!important;background:#effaf3!important;border-radius:999px!important;padding:5px 8px!important;width:max-content!important}
.smflora-shop-grid .smflora-shop-actions{display:grid!important;grid-template-columns:52px 1fr!important;gap:6px!important;margin-top:9px!important}
.smflora-shop-grid .smflora-shop-actions .qty{min-width:0!important;height:38px!important;min-height:38px!important;padding:6px!important;text-align:center!important}
.smflora-shop-grid .smflora-shop-actions .option-btn,.smflora-shop-grid .smflora-shop-actions .btn{min-height:38px!important;padding:7px 8px!important;font-size:11px!important;white-space:nowrap!important}
.smflora-shop-grid .smflora-shop-actions .option-btn{grid-column:1 / -1!important;order:3!important}
@media(max-width:768px){
  .smflora-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .smflora-shop-grid .smflora-product-info{padding:9px!important}
  .smflora-shop-grid .smflora-product-info>b{font-size:13px!important;min-height:34px!important}
  .smflora-shop-grid .smflora-product-info>div>strong{font-size:17px!important}
  .smflora-shop-grid .smflora-shop-actions .option-btn,.smflora-shop-grid .smflora-shop-actions .btn{font-size:10px!important}
}
@media(max-width:390px){.smflora-shop-grid{gap:8px!important}.smflora-shop-grid .smflora-product-info{padding:8px!important}.smflora-shop-grid .smflora-product-info>div>strong{font-size:16px!important}.smflora-shop-grid .smflora-product-eye{width:31px!important;height:31px!important}}

/* Keep fixed mobile navigation from covering product content */
@media(max-width:768px){
  .smflora-home-v11{padding-bottom:118px!important}
  .products{padding-bottom:118px!important}
}

/* =========================================================
   V24 — Customer Home Header + Unified Shop Grid
   ========================================================= */
.smflora-home-brandbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 4px 12px;min-height:66px}
.smflora-home-logo{display:inline-flex;align-items:center;min-width:0;text-decoration:none;color:#a51f5a;font-weight:950;letter-spacing:.02em}
.smflora-home-logo img{display:block;width:auto;height:42px;max-width:185px;object-fit:contain}
.smflora-home-logo span{font-size:20px;white-space:nowrap}
.smflora-home-page .smflora-location,.smflora-home-page .smflora-home-switch{display:none!important}
.smflora-home-page .smflora-home-brandbar{margin-bottom:2px}
.smflora-shop-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;align-items:start!important}
.smflora-shop-card{width:100%!important;min-width:0!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#fff!important;border:1px solid #eadfe5!important;border-radius:18px!important;box-shadow:0 8px 24px rgba(31,41,55,.06)!important}
.smflora-shop-card .smflora-product-img{position:relative!important;display:block!important;aspect-ratio:1/1!important;overflow:hidden!important;background:#faf6f8!important}
.smflora-shop-card .smflora-product-img>a:not(.smflora-product-eye){display:block;width:100%;height:100%}
.smflora-shop-card .smflora-product-img img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important}
.smflora-shop-card .smflora-product-img>span{position:absolute!important;left:10px!important;top:10px!important;z-index:2;background:#fff!important;color:#a51f5a!important;border-radius:999px!important;padding:6px 9px!important;font-size:10px!important;font-weight:900!important;box-shadow:0 4px 12px #00000012!important}
.smflora-shop-card .smflora-product-eye{position:absolute!important;right:9px!important;top:9px!important;z-index:3;width:34px!important;height:34px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:11px!important;background:#fff!important;color:#222!important;box-shadow:0 4px 12px #00000018!important;text-decoration:none!important}
.smflora-shop-card .smflora-product-info{padding:10px!important}
.smflora-shop-card .smflora-product-info>b{display:-webkit-box!important;font-size:12px!important;line-height:1.3!important;min-height:32px!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.smflora-shop-card .smflora-product-info>div:not(.smflora-shop-actions){display:flex!important;align-items:baseline!important;gap:5px!important;margin-top:5px!important;white-space:nowrap!important}
.smflora-shop-card .smflora-product-info strong{font-size:17px!important;color:#a51f5a!important}
.smflora-shop-card .smflora-product-info del{font-size:10px!important;color:#8b8b8b!important}
.smflora-shop-card .smflora-product-info small{display:block!important;margin-top:5px!important;color:#6f6670!important;font-size:9px!important;line-height:1.3!important;min-height:14px}
.smflora-shop-card .smflora-stock{display:inline-flex!important;width:max-content!important;color:#237a4b!important;font-weight:800!important;background:#effaf3!important;border-radius:999px!important;padding:4px 7px!important;font-size:9px!important;margin-top:7px!important}
.smflora-shop-card .smflora-shop-actions{display:grid!important;grid-template-columns:50px 1fr!important;gap:6px!important;margin-top:8px!important}
.smflora-shop-card .smflora-shop-actions .qty{min-width:0!important;height:36px!important;min-height:36px!important;padding:5px!important;text-align:center!important}
.smflora-shop-card .smflora-shop-actions .option-btn,.smflora-shop-card .smflora-shop-actions .btn{min-height:36px!important;padding:6px 7px!important;font-size:9px!important;white-space:nowrap!important}
.smflora-shop-card .smflora-shop-actions .option-btn{grid-column:1 / -1!important;order:3!important}
@media(max-width:700px){
  .smflora-home-brandbar{padding:9px 2px 10px;min-height:58px}
  .smflora-home-logo img{height:34px;max-width:155px}.smflora-home-logo span{font-size:17px}
  .smflora-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .smflora-shop-card{border-radius:16px!important}
  .smflora-shop-card .smflora-product-info{padding:8px!important}
  .smflora-shop-card .smflora-product-info>b{font-size:11px!important;min-height:30px!important}
  .smflora-shop-card .smflora-product-info strong{font-size:15px!important}
  .smflora-shop-card .smflora-product-eye{width:31px!important;height:31px!important}
  .smflora-shop-card .smflora-shop-actions{grid-template-columns:46px 1fr!important;gap:5px!important}
  .smflora-shop-card .smflora-shop-actions .option-btn,.smflora-shop-card .smflora-shop-actions .btn{font-size:8.5px!important}
}


/* =========================================================
   V24 OPTION B — Customer Home Header + Premium Shop Cards
   Visual layer only. Existing PHP/data/order logic is preserved.
   ========================================================= */
/* Home header: use the requested top navigation instead of the duplicate legacy home brand bar. */
.smflora-home-page .header{display:block!important;position:sticky!important;top:0!important;z-index:5000!important}
.smflora-home-page .smflora-home-brandbar{display:none!important}
.smflora-home-page .header .flex{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;padding:10px 18px!important;min-height:70px!important;max-width:1440px!important;margin:0 auto!important}
.smflora-home-page .header .logo{order:1!important;display:inline-flex!important;align-items:center!important;min-width:0!important;margin-right:auto!important;color:#a51f5a!important;font-size:22px!important;font-weight:950!important;line-height:1!important;white-space:nowrap!important;text-decoration:none!important}
.smflora-home-page .header .logo img{height:46px!important;max-width:210px!important;object-fit:contain!important;border-radius:0!important}
.smflora-home-page .header .navbar{display:none!important}
.smflora-home-page .header .account-box{display:none!important}
.smflora-home-page .header .icons{order:2!important;display:flex!important;align-items:center!important;gap:12px!important;margin-left:auto!important}
.smflora-home-page .header .icons .sm-mobile-menu-toggle,
.smflora-home-page .header .icons .fa-search,
.smflora-home-page .header .icons .sm-notify-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;font-size:27px!important;color:#20212a!important;text-decoration:none!important;background:transparent!important;border:0!important;border-radius:14px!important}
.smflora-home-page .header .icons .sm-mobile-menu-toggle{cursor:pointer!important}
.smflora-home-page .header .icons .sm-notify-link{font-size:28px!important}
.smflora-home-page .header .icons .sm-mobile-user-toggle,
.smflora-home-page .header .icons .sm-mobile-cart{display:none!important}
.smflora-home-page .header .sm-mobile-app-install{order:3!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:52px!important;min-width:190px!important;padding:10px 22px!important;margin-left:4px!important;border:1px solid #e1dde1!important;border-radius:28px!important;background:#fff!important;color:#123e7d!important;box-shadow:0 5px 16px rgba(31,41,55,.06)!important;font-size:20px!important;font-weight:900!important;line-height:1!important;text-decoration:none!important;white-space:nowrap!important}
.smflora-home-page .header .sm-notify-link .sm-notify-badge{top:2px!important;right:0!important}

/* Shop grid: match the reference card structure while keeping all existing actions/data. */
.smflora-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;align-items:start!important}
.smflora-shop-card{display:block!important;width:100%!important;min-width:0!important;border:1px solid #e7dde3!important;border-radius:22px!important;background:#fff!important;box-shadow:0 7px 24px rgba(35,22,30,.07)!important}
.smflora-shop-card .smflora-product-img{aspect-ratio:1/1!important;background:#f8f5f7!important}
.smflora-shop-card .smflora-product-img img{object-fit:cover!important}
.smflora-shop-card .smflora-product-img>span{left:14px!important;top:14px!important;padding:7px 11px!important;font-size:12px!important;box-shadow:0 4px 14px rgba(35,22,30,.10)!important}
.smflora-shop-card .smflora-product-eye{right:12px!important;top:12px!important;width:46px!important;height:46px!important;border-radius:14px!important;font-size:16px!important}
.smflora-shop-card .smflora-product-info{padding:14px 15px 15px!important}
.smflora-shop-card .smflora-product-info>b{font-size:18px!important;line-height:1.28!important;min-height:46px!important;font-weight:900!important;color:#2d2930!important}
.smflora-shop-card .smflora-product-info>div:not(.smflora-shop-actions){gap:8px!important;margin-top:7px!important}
.smflora-shop-card .smflora-product-info strong{font-size:24px!important;line-height:1.1!important;color:#a51f5a!important;font-weight:950!important}
.smflora-shop-card .smflora-product-info del{font-size:14px!important;color:#8d858b!important}
.smflora-shop-card .smflora-product-info small{margin-top:8px!important;font-size:12px!important;line-height:1.35!important;min-height:16px!important;color:#6f6870!important}
.smflora-shop-card .smflora-stock{margin-top:9px!important;padding:6px 9px!important;font-size:11px!important}
.smflora-shop-card .smflora-shop-actions{grid-template-columns:56px 1fr!important;gap:7px!important;margin-top:11px!important}
.smflora-shop-card .smflora-shop-actions .qty{height:42px!important;min-height:42px!important}
.smflora-shop-card .smflora-shop-actions .option-btn,.smflora-shop-card .smflora-shop-actions .btn{min-height:42px!important;padding:8px 9px!important;font-size:11px!important;font-weight:850!important}

@media(max-width:700px){
  .smflora-home-page .header .flex{min-height:62px!important;padding:8px 10px!important;gap:5px!important}
  .smflora-home-page .header .logo{font-size:18px!important;max-width:34vw!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .smflora-home-page .header .logo img{height:36px!important;max-width:34vw!important}
  .smflora-home-page .header .icons{gap:2px!important;margin-left:auto!important}
  .smflora-home-page .header .icons .sm-mobile-menu-toggle,
  .smflora-home-page .header .icons .fa-search,
  .smflora-home-page .header .icons .sm-notify-link{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;font-size:21px!important;border-radius:11px!important}
  .smflora-home-page .header .icons .sm-notify-link{font-size:22px!important}
  .smflora-home-page .header .sm-mobile-app-install{min-width:102px!important;max-width:118px!important;min-height:42px!important;padding:7px 9px!important;margin-left:2px!important;border-radius:22px!important;font-size:12px!important;box-shadow:0 4px 12px rgba(31,41,55,.06)!important}
  .smflora-home-v11{padding-left:12px!important;padding-right:12px!important}
  .smflora-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .smflora-shop-card{border-radius:18px!important}
  .smflora-shop-card .smflora-product-img>span{left:9px!important;top:9px!important;padding:6px 9px!important;font-size:10px!important}
  .smflora-shop-card .smflora-product-eye{right:8px!important;top:8px!important;width:34px!important;height:34px!important;border-radius:11px!important;font-size:13px!important}
  .smflora-shop-card .smflora-product-info{padding:10px!important}
  .smflora-shop-card .smflora-product-info>b{font-size:14px!important;line-height:1.3!important;min-height:37px!important}
  .smflora-shop-card .smflora-product-info strong{font-size:19px!important}
  .smflora-shop-card .smflora-product-info del{font-size:11px!important}
  .smflora-shop-card .smflora-product-info small{font-size:10px!important;margin-top:6px!important}
  .smflora-shop-card .smflora-stock{font-size:9px!important;padding:5px 7px!important;margin-top:7px!important}
  .smflora-shop-card .smflora-shop-actions{grid-template-columns:48px 1fr!important;gap:5px!important;margin-top:8px!important}
  .smflora-shop-card .smflora-shop-actions .qty{height:38px!important;min-height:38px!important}
  .smflora-shop-card .smflora-shop-actions .option-btn,.smflora-shop-card .smflora-shop-actions .btn{min-height:38px!important;font-size:9px!important;padding:6px 5px!important}
}
@media(max-width:390px){
  .smflora-home-page .header .logo{max-width:30vw!important;font-size:16px!important}
  .smflora-home-page .header .logo img{max-width:30vw!important;height:33px!important}
  .smflora-home-page .header .sm-mobile-app-install{min-width:92px!important;max-width:102px!important;font-size:10px!important;padding-left:6px!important;padding-right:6px!important}
  .smflora-home-page .header .icons .sm-mobile-menu-toggle,
  .smflora-home-page .header .icons .fa-search,
  .smflora-home-page .header .icons .sm-notify-link{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;font-size:19px!important}
  .smflora-shop-grid{gap:8px!important}
  .smflora-shop-card .smflora-product-info{padding:9px!important}
  .smflora-shop-card .smflora-product-info>b{font-size:13px!important;min-height:34px!important}
  .smflora-shop-card .smflora-product-info strong{font-size:17px!important}
}