/* SHAKALPA visual system — shared finishing layer for every workspace. */
/* Keep the Chat image off the text baseline and match adjacent navigation controls. */
html body header .header-actions .header-chat-symbol{box-sizing:border-box;display:inline-flex!important;align-items:center;justify-content:center;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;flex:0 0 40px;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;line-height:1}
html body header .header-actions .header-chat-symbol img{display:block;width:21px;height:21px;object-fit:contain}
html body header .header-actions{align-items:center}
html body header .header-actions .theme-icon-button{box-sizing:border-box;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;flex:0 0 40px;margin:0;padding:0}
.music-filters{display:flex;flex-wrap:wrap;gap:6px}.music-filters select{flex:1;min-width:90px}.shagram-music-picker input[type=search]{width:100%;box-sizing:border-box;padding:6px;border:1px solid var(--line);border-radius:6px;font:inherit}.music-selection-details small{display:block}.music-selection-details:empty{display:none}
@supports(grid-template-rows:subgrid){html body.shagram-page .media-post.portrait-post:has(.post-music-credit){grid-row:span 7}.media-post.portrait-post>.post-music-credit{grid-row:7}}
.shagram-music-picker{grid-column:1/-1;display:grid;gap:5px;font-size:12px}.shagram-music-picker select{max-width:100%;padding:6px;font:inherit}.shagram-music-picker audio{width:100%;max-width:320px;height:32px}.shagram-music-picker audio[hidden]{display:none}
.post-music-credit{font-size:11px;line-height:1.5;grid-column:1/-1}.post-music-credit>span{display:block}.post-music-credit button{font:inherit;padding:4px 8px;margin-top:4px;cursor:pointer}
html body.shagram-page .post-profile-link{padding:0;border:0;background:none;color:inherit;font:inherit;font-weight:700;text-align:left;cursor:pointer}
html body.shagram-page .post-profile-link:hover{text-decoration:underline}
html body.shagram-page .post-author>small{display:none}
.shagram-dialog{width:min(560px,92vw);max-height:88vh;overflow:auto;border:1px solid var(--line);border-radius:16px;padding:24px;background:var(--cream,#fffdf2);color:var(--ink,#1b2239)}
.shagram-dialog::backdrop{background:#1118}
.shagram-dialog h2{font-size:22px;margin:0 32px 14px 0}
.shagram-dialog-close{position:absolute;right:12px;top:10px;border:0;background:none;color:inherit;font-size:26px;cursor:pointer}
.shagram-dialog form,.shagram-dialog label{display:grid;gap:8px}
.shagram-dialog form{gap:14px}
.shagram-dialog input:not([type=range]),.shagram-dialog textarea,.shagram-dialog select{width:100%;box-sizing:border-box;padding:8px;border:1px solid var(--line);border-radius:6px;font:inherit}
.profile-counts{display:flex;justify-content:space-around;gap:16px}.profile-counts p{display:grid;text-align:center;gap:4px}.profile-counts strong{font-size:24px}
.shagram-edit-canvas{display:block;max-width:100%;max-height:42vh;width:auto;height:auto;margin:0 auto 16px}
.shagram-edit-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.shagram-edit-controls input{width:100%}
html body.shagram-page #mediaPreview .media-preview-edit{position:absolute;left:8px;top:8px;width:32px;height:32px;border-radius:50%;padding:0;border:1px solid white;background:#1b2239;color:white;cursor:pointer}
html body.shagram-page .feed-heading{flex-wrap:wrap;gap:8px}.shagram-own-profile{font:inherit;font-size:12px;padding:6px 8px;background:none;border:1px solid var(--line);border-radius:6px;cursor:pointer}
html body.shagram-page .media-preview-item{position:relative;min-width:0;align-self:start}
html body.shagram-page .media-preview-item>img,html body.shagram-page .media-preview-item>video{display:block}
html body.shagram-page #mediaPreview .media-preview-remove{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:32px;height:32px;min-width:32px;padding:0;border:1px solid #fff;border-radius:50%;background:#1b2239;color:#fff;font:24px/1 sans-serif;cursor:pointer;box-shadow:0 2px 8px #0004;z-index:1}
html body.shagram-page #mediaPreview .media-preview-remove:focus-visible{outline:3px solid #626de0;outline-offset:3px}
html body.shagram-page #mediaPostForm>.media-upload>.required-marker{display:none!important}
html body.shagram-page #mediaPostForm>.media-upload{gap:2px!important;column-gap:2px!important;padding:0!important}
html body.shagram-page main.media-main #postComposer h2{font-size:20px!important;line-height:1.4!important;letter-spacing:normal!important;margin:0}
html body.shagram-page #mediaPostForm>.media-upload{gap:3px!important;column-gap:3px!important;justify-content:flex-start;width:auto;justify-self:start;flex-wrap:nowrap!important}
html body.shagram-page #mediaPostForm>.media-upload::before{display:inline-flex;align-items:center;justify-content:center;width:24px;flex:0 0 24px}
html body.shagram-page #mediaPostForm>.media-upload>.global-help-button{margin:0!important;width:24px!important;min-width:24px!important}
html body.shagram-page header .header-home-symbol{color:#277a57!important}
html body.shagram-page header #language-control{color:#247ca0!important}
html body.shagram-page header .theme-icon-button{color:#9552b5!important}
html body.shagram-page header .account-profile-avatar{color:#4967cb!important}
html body.shagram-page header .signout-symbol{color:#ba4b36!important}
html body.shagram-page header :is(.header-home-symbol,#language-control,.theme-icon-button,.account-profile-trigger,.account-profile-avatar,.signout-symbol){background:transparent!important;box-shadow:none!important;border:0!important}
html body.shagram-page main.media-main #postComposer{padding:12px 16px;margin-bottom:12px}
html body.shagram-page main.media-main #postComposer>h2{font-size:20px!important;line-height:1.4!important;letter-spacing:normal;margin:0}
html body.shagram-page #postComposer #mediaPostForm{margin-top:8px;gap:6px}
html body.shagram-page #postComposer #mediaCaption{height:52px;min-height:52px;padding:8px 10px}
html body.shagram-page .media-main .feed-heading{margin:8px 0 10px}
html body .account-profile-popover .customer-profile-navigation{display:flex!important;flex-direction:column;gap:4px;margin:0 0 12px;padding:0}
html body .account-profile-popover .customer-profile-navigation a{display:block;padding:8px;color:var(--ink);font-size:12px;line-height:1.5;text-decoration:none}
html body.shagram-page #postComposer{border-top:0;padding-top:14px}
html body.shagram-page header.app-topbar>.brand img.shagram-logo{width:140px!important;min-width:0!important;max-width:140px!important;height:32px!important;max-height:32px!important;object-fit:contain}
body.shagram-page .media-intro,body.shagram-page #postComposer>.eyebrow{display:none}
body.shagram-page .media-main{padding-top:12px}
body.shagram-page .account-profile-popover nav{display:flex!important;flex-direction:column;gap:4px;margin:0 0 12px;padding:0}
body.shagram-page .account-profile-popover nav a{display:block;padding:8px;color:var(--ink);font-size:12px;text-decoration:none;white-space:normal}
@media(max-width:480px){html body.shagram-page header.app-topbar>.brand img.shagram-logo{width:108px!important;max-width:108px!important;height:28px!important}}
html body header.app-topbar>nav.mobile-nav-open{position:absolute!important;top:100%!important;left:12px!important;right:auto!important;display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;width:180px!important;max-width:calc(100vw - 24px);max-height:70dvh;overflow-y:auto;flex:none!important;gap:6px;margin:4px 0 0!important;padding:8px!important;background:var(--cream);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 28px rgba(0,0,0,.16);z-index:100}
html body header.app-topbar>nav.mobile-nav-open>a{display:block;width:100%;box-sizing:border-box;margin:0;padding:10px 12px;border:0;border-radius:8px;font-size:12px;line-height:1.5;white-space:normal;overflow-wrap:anywhere;text-decoration:none;color:var(--ink)}
html body header.app-topbar>nav.mobile-nav-open>a:is(.active,[aria-current="page"]){background:color-mix(in srgb,var(--lime) 22%,transparent);font-weight:700}
/* Portrait cards should fit their media instead of adding wide inner gutters. */
html body #mediaPosts{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:12px}
html body #mediaPosts>.media-post.portrait-post{padding:10px;row-gap:6px}
html body #mediaPosts>.media-post.portrait-post>.post-media{width:100%;max-width:none;height:auto;aspect-ratio:9/16}
html body #mediaPosts>.media-post.portrait-post>.post-media>:is(img,video){max-height:none!important}
html body #mediaPosts>.media-post.portrait-post>.post-top{min-height:36px;gap:6px}
html body #mediaPosts>.media-post.portrait-post>.post-caption{min-height:0;margin:0;line-height:1.4}
html body #mediaPosts>.media-post.portrait-post>.post-comments:not(:has(.post-comment)):not(:has(.comment-form:not([hidden]))){display:none}
html body #mediaPosts>.media-post.portrait-post>.post-actions{gap:5px;margin:4px 0;min-height:32px}
html body #mediaPosts>.media-post.portrait-post .post-secondary-actions{gap:5px}
@media(max-width:500px){html body #mediaPosts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}html body #mediaPosts>.media-post.portrait-post{padding:8px}}
/* Fill vacant portrait slots and keep reels within a compact viewing frame. */
html body #mediaPosts{grid-auto-flow:row dense}
html body #mediaPosts>.media-post.portrait-post>.post-media{width:min(100%,225px);max-width:100%;height:auto;aspect-ratio:9/16;justify-self:center;align-self:start;margin-inline:auto;flex-shrink:0}
html body #mediaPosts>.media-post.portrait-post>.post-media>:is(img,video){width:100%!important;height:100%!important;max-height:400px!important}
html body #postComposer #mediaPostForm>button[type="submit"]{width:30px;height:30px;min-width:30px;min-height:30px;padding:0;box-shadow:none}
html body #postComposer #mediaPostForm>button[type="submit"] svg{width:18px;height:18px}
html body #mediaPostForm{grid-template-columns:minmax(0,1fr) 40px;align-items:center}
html body #mediaPostForm>textarea,html body #mediaPostForm>.media-aspect-controls,html body #mediaPostForm>.media-preview,html body #mediaPostForm>.media-error{grid-column:1/-1}
html body #mediaPostForm>.media-upload{grid-column:1;grid-row:2}
html body #mediaPostForm>button[type="submit"]{grid-column:2;grid-row:2;width:40px;height:40px;min-height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}
/* Compact Shagram composer; scope these rules away from onboarding forms. */
html body #postComposer{padding:18px 20px}
html body #mediaPostForm{gap:10px;margin-top:12px}
html body #mediaPostForm #mediaCaption{box-sizing:border-box;width:100%;height:64px;min-height:64px;padding:10px 12px;font-size:14px;line-height:1.5;resize:vertical}
html body #mediaPostForm>.media-upload{display:flex!important;align-items:center!important;flex-wrap:wrap;gap:8px;width:max-content;max-width:100%;min-height:36px;margin:0;padding:0;position:relative}
html body #mediaPostForm>.media-upload>.global-help-button{position:static!important;transform:none!important;margin:0;flex:0 0 24px;align-self:center}
html body #mediaPostForm>button[type="submit"]{justify-self:end;width:auto;max-width:100%;min-height:36px;padding:8px 14px;font-size:13px;gap:10px}
html body #mediaPostForm>#mediaError:empty{display:none}
@media(max-width:480px){html body #postComposer{padding:14px}html body #mediaPostForm #mediaCaption{font-size:16px}}
html body #mediaPosts .private-message-form[hidden]{display:none!important}
html body #mediaPosts .message-owner-toggle{background:var(--blue);color:var(--ink);border:0}
html body #mediaPosts .private-message-form button[type="submit"]{display:inline-flex;align-items:center;justify-content:center;width:36px;min-width:36px;height:36px;padding:0;border-radius:50%;background:var(--ink);color:var(--cream)}
/* Explicit format selection takes priority over the source file's dimensions. */
html body #mediaPosts>.media-post[data-aspect-ratio="9:16"]>.post-media{aspect-ratio:9/16;height:auto;position:relative}
html body #mediaPosts>.media-post[data-aspect-ratio="9:16"]>.post-media>:is(img,video){height:100%!important;aspect-ratio:9/16!important;object-fit:cover!important}
html body #mediaPosts>.media-post[data-aspect-ratio="16:9"]>.post-media>:is(img,video){height:auto!important;aspect-ratio:16/9!important;object-fit:cover!important}
/* Ignore saved display-ratio presets for full-width feed media: use actual dimensions. */
html body #mediaPosts>.media-post:not(.portrait-post)>.post-media{height:auto;min-height:0;aspect-ratio:auto;align-items:start}
html body #mediaPosts>.media-post:not(.portrait-post)>.post-media :is(img,video){display:block;height:auto!important;min-height:0;max-height:75dvh!important;aspect-ratio:auto;object-fit:contain!important;align-self:start}
html body #mediaPosts>.media-post:not(.portrait-post)>.post-media video:not([style*="aspect-ratio"]){aspect-ratio:16/9}
/* Share row tracks across neighbouring portrait cards, not just card height. */
@supports(grid-template-rows:subgrid){
  html body #mediaPosts>.portrait-post{display:grid;grid-row:span 6;grid-template-rows:subgrid;row-gap:10px;align-items:start}
  html body #mediaPosts>.portrait-post>.post-top{grid-row:1;margin:0}
  html body #mediaPosts>.portrait-post>.post-caption{grid-row:2;margin:0;min-height:0}
  html body #mediaPosts>.portrait-post>.post-media{grid-row:3;width:100%;height:auto;align-self:start;flex-shrink:0}
  html body #mediaPosts>.portrait-post>.post-actions{grid-row:4;margin:0}
  html body #mediaPosts>.portrait-post>.private-message-form{grid-row:5;margin:0}
  html body #mediaPosts>.portrait-post>.post-comments{grid-row:6;margin:0;min-width:0}
}
body #mediaPosts>.portrait-post{align-self:stretch;display:flex;flex-direction:column}
body #mediaPosts>.portrait-post .post-top{min-height:48px}
body #mediaPosts>.portrait-post .post-caption{min-height:42px;max-height:84px;overflow:auto}
body #mediaPosts>.portrait-post .post-media{aspect-ratio:9/16;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--cream)}
body #mediaPosts>.portrait-post .post-media :is(img,video){width:100%!important;height:100%!important;max-height:100%!important;aspect-ratio:auto!important;object-fit:contain!important;min-width:0}
body #mediaPosts .post-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0;min-height:36px}
body #mediaPosts .post-actions :is(button,.like-summary){box-sizing:border-box;flex:0 0 36px;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;gap:3px;border-radius:50%;font-size:18px}
body #mediaPosts .post-actions b{font-size:10px}
body #mediaPosts .post-secondary-actions{display:inline-flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}
body #mediaPosts .post-share{flex:0 0 36px}
body #mediaPosts>.media-post>.private-message-form{display:flex;flex-wrap:wrap;gap:6px;width:100%;box-sizing:border-box;margin:0 0 12px}
body #mediaPosts>.media-post>.private-message-form input{min-width:0;flex:1 1 100px;width:auto}
body .media-main{width:calc(100% - 32px);max-width:1400px;padding:18px 0}
body .media-main .media-intro{margin-bottom:12px}
body .media-main .media-intro .eyebrow{margin:0}
.shagram-logo{display:block;width:176px;height:38px}
body .media-main .feed-heading{margin:12px 0}
body #mediaPosts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:16px;align-items:start}
body #mediaPosts>.media-post{grid-column:1/-1;margin:0;min-width:0;padding:16px}
body #mediaPosts>.portrait-post{grid-column:auto}
body #mediaPosts .post-media img,body #mediaPosts .post-media video{width:100%;height:auto;max-height:none;object-fit:contain}
body #mediaPosts .portrait-post .post-media img,body #mediaPosts .portrait-post .post-media video{aspect-ratio:9/16;object-fit:contain}
@media(max-width:500px){body .media-main{width:calc(100% - 20px);padding-top:12px}body #mediaPosts{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}body #mediaPosts>.media-post{padding:10px}body #mediaPosts .post-top,body #mediaPosts .comment-form{flex-wrap:wrap}body #mediaPosts .comment-form input{min-width:0;width:100%}}
/* Expanded workspace navigation is a compact vertical dropdown. */
html body.workspace-top-layout .admin-sidebar .admin-nav:not([hidden]){position:absolute;top:100%;left:12px;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;width:180px;max-width:calc(100vw - 24px);max-height:70dvh;overflow-y:auto;margin:4px 0 0;padding:8px;box-sizing:border-box;background:var(--cream);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 28px rgba(0,0,0,.16);z-index:100}
html body.workspace-top-layout .admin-sidebar .admin-nav>a{display:block;width:100%;box-sizing:border-box;padding:10px 12px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
/* Compact account cluster on all viewport sizes, not just narrow phones. */
html body header:is(.app-topbar,.workspace-topbar) :is(.header-actions,.admin-actions){gap:2px!important;column-gap:2px!important;justify-content:flex-end!important}
html body header:is(.app-topbar,.workspace-topbar) :is(.header-actions,.admin-actions) :is(.header-home-symbol,.account-workspace-link,.cart-symbol,#language-control,.theme-icon-button,.account-profile,.account-profile-trigger,.signout-symbol){box-sizing:border-box;width:30px!important;min-width:30px!important;height:34px!important;min-height:34px!important;flex:0 0 30px!important;padding:0!important;margin-left:0!important;margin-right:0!important}
html body header:is(.app-topbar,.workspace-topbar) :is(.header-actions,.admin-actions) #language-control select{width:30px!important;height:34px!important;min-height:34px!important;padding:0!important}
html body header:is(.app-topbar,.workspace-topbar) :is(.header-actions,.admin-actions) .account-profile-avatar{width:30px!important;height:30px!important;flex-basis:30px!important}
.profile-heading-help{display:flex;align-items:center;gap:8px;margin-bottom:16px}
body .profile-heading-help>.global-help-button{position:static!important;flex:0 0 24px;margin:0;transform:none!important}
/* Keep the listing summary beside long desktop forms without covering fields. */
@media(min-width:901px){
  #business.vendor-grid>.vendor-preview:not(.vendor-product-browser):not(.vendor-media-panel){position:sticky;top:80px;align-self:start;min-height:0;height:auto;max-height:calc(100dvh - 96px);overflow-y:auto;scrollbar-width:none}
  #business.vendor-grid>.vendor-preview:not(.vendor-product-browser):not(.vendor-media-panel)::-webkit-scrollbar{display:none;width:0;height:0}
}
@media(max-width:900px){
  #business.vendor-grid>.vendor-preview{position:static;max-height:none;overflow:visible;min-height:0}
}
/* Narrow phones: compact single-row navigation. */
@media(max-width:480px){
  html body header.app-topbar,html body .workspace-topbar{display:flex;flex-wrap:nowrap!important;align-items:center;gap:3px!important}
  html body header.app-topbar,html body.workspace-top-layout .admin-sidebar{padding:6px!important;min-height:44px!important}
  html body .workspace-topbar>.brand,html body header.app-topbar>.brand{margin:0!important}
  html body .workspace-topbar>.workspace-menu-toggle,html body header.app-topbar>.mobile-menu-toggle{margin:0!important}
  html body header.app-topbar>.header-actions,html body .workspace-topbar>.admin-actions{flex:0 1 auto!important;width:auto!important;margin:0 0 0 auto!important;padding:0;display:flex!important;flex-wrap:nowrap!important;justify-content:flex-end!important;align-items:center;gap:2px!important;box-sizing:border-box}
  html body header:is(.app-topbar,.workspace-topbar) :is(.header-home-symbol,.account-workspace-link,.cart-symbol,#language-control,.theme-icon-button,.account-profile,.account-profile-trigger,.signout-symbol,.mobile-menu-toggle,.workspace-menu-toggle){width:30px!important;min-width:30px!important;height:32px!important;min-height:32px!important;flex:0 0 30px!important;padding:0!important}
  html body header:is(.app-topbar,.workspace-topbar) #language-control select{width:30px!important;height:32px!important;min-height:32px!important}
  html body header:is(.app-topbar,.workspace-topbar) .brand :is(img,.brand-mark){width:32px!important;height:32px!important;min-width:32px!important;max-height:32px!important}
  html body header:is(.app-topbar,.workspace-topbar) .account-profile-avatar{width:30px!important;height:30px!important;flex-basis:30px!important}
  html body header:is(.app-topbar,.workspace-topbar) svg{width:18px!important;height:18px!important}
  html body header.app-topbar>nav.mobile-nav-open{position:absolute!important;top:100%;left:0;background:var(--cream);z-index:50}
  html body header.app-topbar>.header-actions>*,html body .workspace-topbar>.admin-actions>*{max-width:100%}
  html body .workspace-topbar .account-profile,html body header.app-topbar .account-profile{flex:0 0 40px}
  html body header .account-profile-popover{position:fixed;top:116px;right:12px;left:auto;max-width:calc(100vw - 24px);box-sizing:border-box}
  html body .theme-picker-menu{position:fixed;top:116px!important;right:12px!important;left:auto;max-width:calc(100vw - 24px);box-sizing:border-box}
  html body #language-control.language-icon-control>small{position:fixed;top:116px;right:12px}
}
html body.admin-page main.admin-main .admin-header h1{font-size:22px!important;line-height:1.45!important;letter-spacing:normal!important}
html body.admin-page main.admin-main h2{font-size:21px!important;line-height:1.45!important;letter-spacing:normal!important}
html body #language-control.language-icon-control>small:not(:empty){visibility:hidden;opacity:0;pointer-events:none;padding:8px 10px;border:1px solid var(--line);border-radius:8px;box-sizing:border-box;font-size:12px;line-height:1.5;max-width:calc(100vw - 24px)}
html body #language-control.language-icon-control:hover>small:not(:empty),html body #language-control.language-icon-control:has(select:focus-visible)>small:not(:empty){visibility:visible;opacity:1}
html body header :is(.header-actions,.admin-actions){column-gap:4px!important}
html body header :is(.header-actions,.admin-actions)>:is(.header-home-symbol,.account-workspace-link,.cart-symbol,#language-control,.theme-icon-button,.account-profile,.signout-symbol){order:0!important;margin-left:0!important;margin-right:0!important}
html body header .header-home-symbol{width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center;background:transparent!important;border:0!important;box-shadow:none!important}
html body header .header-home-symbol svg{width:21px;height:21px}
html body header .header-home-text{display:none!important}
html body .admin-header>div>.eyebrow{display:none}
html body main h1{font-size:28px!important;line-height:1.3!important;letter-spacing:normal;overflow-wrap:anywhere}
html body .admin-header{margin-bottom:24px}
html body #language-control.language-icon-control{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;min-height:40px;margin:0;padding:0;background:transparent;border:0;color:var(--ink)}
html body #language-control.language-icon-control>label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
html body #language-control.language-icon-control>span{display:flex;pointer-events:none}
html body #language-control.language-icon-control svg{width:21px;height:21px}
html body #language-control.language-icon-control select{position:absolute;inset:0;width:40px;height:40px;min-height:40px;opacity:0;cursor:pointer;padding:0}
html body #language-control.language-icon-control:focus-within{outline:2px solid currentColor;outline-offset:2px;border-radius:8px}
html body #language-control.language-icon-control>small{position:absolute;top:100%;right:0;width:220px;background:var(--cream);z-index:50}
/* Shared help typography, including popovers mounted outside their forms. */
html body :is([class*="help-popover"],[class*="help-tooltip"],[class*="help-detail"]){font-size:12px!important;line-height:1.5!important;font-weight:400!important;letter-spacing:normal!important;overflow-wrap:anywhere}
html body :is([class*="help-popover"],[class*="help-tooltip"],[class*="help-detail"]) :is(p,span,li,small){font-size:inherit!important;line-height:inherit!important}
html:lang(ta) body :is([class*="help-popover"],[class*="help-tooltip"],[class*="help-detail"]),html:lang(hi) body :is([class*="help-popover"],[class*="help-tooltip"],[class*="help-detail"]){line-height:1.65!important}
/* Compact, theme-aware top strip; keep the 40px action targets usable. */
html body.workspace-top-layout .admin-sidebar,html body header.app-topbar{padding:6px 16px;min-height:52px;background:linear-gradient(110deg,color-mix(in srgb,var(--cream) 84%,#78aee0),color-mix(in srgb,var(--cream) 88%,#71baaa));border-bottom:1px solid color-mix(in srgb,var(--line) 70%,#78aee0)}
html body .workspace-topbar{min-height:40px}
html body .workspace-topbar .brand img,html body header.app-topbar .brand img{width:40px;height:40px;max-width:40px;max-height:40px;object-fit:contain}
html body .workspace-topbar .brand-mark,html body header.app-topbar .brand-mark{width:40px;height:40px;min-width:40px;max-height:40px;background-size:contain}
body header.app-topbar{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:64px;height:auto;padding:10px 24px;position:relative;flex-wrap:wrap;z-index:30}
body header.app-topbar>.brand{font-size:0;gap:0;flex:0 0 auto}
body header.app-topbar>.brand .brand-mark{font-size:17px}
body header.app-topbar>.header-actions{margin-left:auto;display:flex;align-items:center;gap:10px;min-width:0}
body header.app-topbar>.mobile-menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 40px;margin:0;padding:8px;color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:8px}
body header.app-topbar>nav{display:none!important}
body header.app-topbar>nav.mobile-nav-open{display:flex!important;position:static!important;flex:0 0 100%;order:10;flex-wrap:wrap;gap:8px;margin:0;padding:10px;max-height:60vh;overflow:auto;width:100%;box-sizing:border-box}
@media(max-width:600px){body header.app-topbar{padding:8px 10px;gap:6px}body header.app-topbar>.header-actions{gap:4px}body header.app-topbar>.brand img{max-width:42px;max-height:42px}}
body.workspace-top-layout .admin-sidebar{position:relative;inset:auto;width:100%;min-height:0;padding:10px 24px;display:block;box-sizing:border-box;box-shadow:none;z-index:20}
.workspace-topbar{display:flex;align-items:center;gap:12px;min-width:0}
body .workspace-topbar .brand{font-size:0;gap:0;flex:0 0 auto}
body .workspace-topbar .brand-mark{font-size:17px}
body .workspace-topbar .workspace-menu-toggle{margin:0;flex:0 0 40px}
body .workspace-topbar .admin-actions{margin:0 0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:10px;width:auto;min-width:0;color:var(--ink)}
body.workspace-top-layout .admin-sidebar{background:var(--cream);color:var(--ink);border-bottom:1px solid var(--line)}
body.workspace-top-layout .sidebar-footer{display:none}
body.workspace-top-layout .admin-main{margin-left:0;padding-top:24px;min-width:0}
body.workspace-top-layout .admin-nav{margin:12px 0 0;display:flex;flex-wrap:wrap;gap:6px}
body.workspace-top-layout .admin-nav a{color:var(--ink)}
body.workspace-top-layout .admin-nav .nav-label{display:none}
@media(max-width:600px){body.workspace-top-layout .admin-sidebar{padding:8px 10px}.workspace-topbar{gap:6px}body .workspace-topbar .admin-actions{gap:4px}body .workspace-topbar .brand img{max-width:42px;max-height:42px}body.workspace-top-layout .admin-main{padding:20px 12px}}
body .admin-sidebar .admin-nav[hidden]{display:none!important}
.workspace-menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin:12px 0;border:1px solid currentColor;border-radius:8px;background:transparent;color:inherit;cursor:pointer}
.workspace-menu-toggle svg{width:22px;height:22px}
.workspace-menu-toggle:focus-visible{outline:2px solid currentColor;outline-offset:3px}
body .admin-header{display:flex;flex-wrap:wrap;align-items:flex-start}
body .admin-header>.admin-actions{order:-1;flex:0 0 100%;display:flex;justify-content:flex-end;flex-wrap:wrap;margin:0 0 12px;gap:10px}
body header .account-profile-avatar{background:transparent;border:0;color:var(--ink);box-shadow:none}
body header .account-profile-trigger:hover .account-profile-avatar{box-shadow:none;transform:none}
/* Compact shared header controls and homepage shop introduction. */
body #language-control{min-height:0;height:auto;padding:4px 16px;gap:8px;font-size:12px;line-height:1.4}
body #language-control select{height:30px;min-height:30px;width:auto;padding:3px 26px 3px 9px;font-size:12px;line-height:1.4}
body #language-control small:empty{display:none}
body header .header-actions{gap:10px}
body header .account-profile-trigger,body header a.account-workspace-link,body header .cart-symbol,body header .signout-symbol{box-sizing:border-box;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;flex:0 0 40px;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}
body header .account-profile-avatar{box-sizing:border-box;width:40px;height:40px;flex-basis:40px}
body header .account-profile-avatar svg,body header a.account-workspace-link svg,body header .cart-symbol svg,body header .signout-symbol svg{width:21px;height:21px}
body #home>#shop{padding-top:26px;padding-bottom:40px}
body #shop .section-heading{margin-bottom:24px;gap:20px}
body #shop .section-heading .eyebrow{margin-bottom:12px}
body #shop .section-heading h2{font-size:clamp(26px,3.5vw,38px);line-height:1.15;letter-spacing:-.03em}
@media(max-width:600px){body #language-control{padding:3px 10px;flex-wrap:wrap}body header .header-actions{gap:6px}body #home>#shop{padding-top:20px}body #shop .section-heading{gap:12px}}
/* Compact navigation, independent of the larger form/action button styles. */
header a.account-workspace-link{display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;padding:9px;color:var(--ink);background:rgba(111,140,255,.09);border:1px solid rgba(111,140,255,.2);border-radius:12px;text-decoration:none}
header a.account-workspace-link svg{width:21px;height:21px}
header a.account-workspace-link:hover{background:rgba(111,140,255,.18);border-color:currentColor}
header .account-profile-trigger .account-profile-name{display:none}
header .account-profile-trigger{min-width:40px;min-height:40px;justify-content:center}
header .account-profile-trigger:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:50%}
header a.account-workspace-link:focus-visible{outline:2px solid currentColor;outline-offset:2px}
:root{
  --ink:#17213c;
  --cream:#f8f9fd;
  --lime:#5575e8;
  --orange:#d96b56;
  --blue:#88bddf;
  --muted:#65708a;
  --line:#dbe1ee;
  --glow:#e7edff;
  --header-bg:rgba(248,249,253,.9);
  --dark-start:#26345a;
  --dark-end:#121a33;
  --accent-start:#6f8dff;
  --accent-end:#4666d8;
  --accent-ink:#fff;
  --icon-hover:#edf0ff;
  --field-line:#d7deed;
  --field-hover:#9fafe0;
  --hero-start:#e8eefb;
  --hero-end:#cad8f0;
  --admin-start:#26345a;
  --admin-end:#121a33;
  --modal-line:#dce2ef;
}
body{background:radial-gradient(circle at 86% -12%,var(--glow) 0,transparent 30rem),var(--cream);}
::selection{background:var(--lime);color:var(--ink)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--lime)!important;outline-offset:3px}
.site-header,.media-header,.jobs-header{background:var(--header-bg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom-color:var(--line)}
.site-header{box-shadow:0 8px 22px rgba(23,33,60,.05)}
.brand{letter-spacing:-.025em}.brand-mark{box-shadow:inset 0 0 0 1px rgba(18,42,43,.08)}
.site-header nav a,.media-header nav a,.jobs-header nav a{position:relative;font-weight:500}
.site-header nav a::after,.media-header nav a::after,.jobs-header nav a::after{content:"";position:absolute;right:0;bottom:-8px;left:0;height:2px;transform:scaleX(0);transform-origin:left;background:var(--lime);transition:transform .18s ease}
.site-header nav a:hover::after,.media-header nav a:hover::after,.jobs-header nav a:hover::after,.media-header nav .active::after,.jobs-header nav .active::after{transform:scaleX(1)}
.button{border-radius:10px;box-shadow:0 5px 14px rgba(18,42,43,.09);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.button:hover{transform:translateY(-2px);box-shadow:0 9px 20px rgba(18,42,43,.16)}
.button-dark{background:linear-gradient(135deg,var(--dark-start),var(--dark-end))}.button-lime{background:linear-gradient(135deg,var(--accent-start),var(--accent-end));color:var(--accent-ink)}
.icon-button{border-radius:8px;padding:7px 8px;transition:background .18s ease}.icon-button:hover{background:var(--icon-hover)}
input,select,textarea{border-radius:8px!important;border-color:var(--field-line)!important;background:rgba(255,255,255,.95)!important;transition:border-color .18s ease,box-shadow .18s ease}
input:hover,select:hover,textarea:hover{border-color:var(--field-hover)!important}
.hero-art{background:linear-gradient(145deg,var(--hero-start),var(--hero-end))}.dashboard-card{border-radius:18px;box-shadow:16px 20px 0 rgba(23,33,60,.09),0 18px 42px rgba(23,33,60,.13)}
.float-card,.product,.role-card,.service-card,.metrics article,.account-list,.create-card,.post-composer,.media-signin,.media-post,.jobs-signin,.job-offer,.contact-options article,.contact-form-section,.about-columns article,.policy-documents a{border-radius:14px;box-shadow:0 10px 28px rgba(18,42,43,.055)}
.product-image{border-radius:14px}.category-strip{background:rgba(255,255,255,.7)}
.product-tag,.role-card .eyebrow{border-radius:999px}.add-product{border-radius:50%;box-shadow:0 7px 15px rgba(18,42,43,.16)}
.media-main,.jobs-main{padding-top:72px}.media-post,.job-offer{border:1px solid rgba(217,228,222,.8)}
.admin-sidebar{background:linear-gradient(180deg,var(--admin-start),var(--admin-end));box-shadow:12px 0 30px rgba(23,33,60,.08)}.admin-nav a{border-radius:9px}.admin-nav a.active,.admin-nav a:hover{background:color-mix(in srgb,var(--lime) 22%,transparent)}
.metrics article,.account-list,.create-card{border:1px solid rgba(217,228,222,.85)}.role-chip{border-radius:999px}
.contact-note,.about-promise{border-radius:18px}.contact-options article>span{border-radius:12px}
.support-chat,.policy-centre,.saved-tags{border-radius:14px}.floating-policy-link{border-radius:10px;box-shadow:0 8px 22px rgba(18,42,43,.18)}
dialog{border-radius:16px;border:1px solid var(--modal-line);box-shadow:0 26px 80px rgba(23,33,60,.28)}
footer{border-top:1px solid #dbe1ee;background:rgba(255,255,255,.55)}
.market-ticker{overflow:hidden;scrollbar-width:none;background:rgba(255,255,255,.82);font:600 11px/1 'DM Sans',sans-serif;letter-spacing:.035em}.market-ticker::-webkit-scrollbar{display:none}.market-ticker div{width:max-content;min-width:max-content;animation:market-roll 34s linear infinite!important}.market-ticker:hover div{animation-play-state:paused!important}.market-ticker span{padding-left:22px;padding-right:6px}.market-ticker .market-copy{display:inline}
.market-ticker .market-item{display:inline-flex;align-items:center;gap:5px;padding-left:22px;padding-right:8px}.market-ticker .market-item::before{content:'•';color:var(--lime);font-size:17px;vertical-align:-2px;margin-right:8px}.market-ticker .market-item .market-tag,.market-ticker .market-item .market-label,.market-ticker .market-item .market-value,.market-ticker .market-item .market-trend{padding:0;font-style:normal}.market-ticker .market-item .market-tag::before,.market-ticker .market-item .market-label::before,.market-ticker .market-item .market-value::before,.market-ticker .market-item .market-trend::before{content:none}.market-ticker .market-tag{font-weight:800}.market-ticker .market-label{color:#365a36;font-weight:700}.market-ticker .market-value{color:#174b68;font-weight:800}.market-ticker .tone-bse .market-tag{color:#146b9b}.market-ticker .tone-nse .market-tag{color:#7450a4}.market-ticker .tone-gold22 .market-tag{color:#9a6810}.market-ticker .tone-gold24 .market-tag{color:#c27916}.market-ticker .market-trend{font-weight:800}.market-ticker .market-trend.up{color:#138a4a}.market-ticker .market-trend.down{color:#c43737}.market-ticker .market-trend.flat{color:#8a6c18}
.signout-symbol{width:30px!important;height:30px!important;min-width:30px!important;display:grid!important;place-items:center!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--ink)!important;box-shadow:none!important;line-height:1!important;cursor:pointer}.signout-symbol svg{width:18px;height:18px}.signout-symbol:hover{color:#a94835!important;transform:translateX(1px)}.signout-symbol:focus-visible{outline:3px solid var(--lime)!important;outline-offset:3px}.global-signout-symbol{position:fixed;top:16px;right:16px;z-index:50;background:var(--cream)!important;border-radius:8px!important;box-shadow:0 5px 18px rgba(18,42,43,.15)!important}
.header-actions #signInButton[hidden],.header-actions .header-signup[hidden]{display:none!important}
.header-actions .header-signup,.header-actions #signInButton{width:96px;min-height:42px;padding:0;white-space:nowrap;font-size:11px}
html[data-theme="emerald"]{--ink:#123633;--cream:#fbf8f0;--lime:#bd9651;--orange:#bd6a56;--blue:#74aaa5;--muted:#61726b;--line:#ddd7c6;--glow:#efe6cd;--header-bg:rgba(251,248,240,.9);--dark-start:#17443f;--dark-end:#0b2625;--accent-start:#d6b46d;--accent-end:#ab8041;--accent-ink:#182d29;--icon-hover:#f1eadb;--field-line:#ded5c4;--field-hover:#bba77d;--hero-start:#e6eee4;--hero-end:#cadcd4;--admin-start:#17443f;--admin-end:#0b2625;--modal-line:#ded8c9}
html[data-theme="plum"]{--ink:#35233f;--cream:#fcf8fb;--lime:#a65c91;--orange:#d46f70;--blue:#9b9bd0;--muted:#746879;--line:#e7dce5;--glow:#f2e2f0;--header-bg:rgba(252,248,251,.9);--dark-start:#4c3158;--dark-end:#291d31;--accent-start:#bd739f;--accent-end:#914578;--accent-ink:#fff;--icon-hover:#f6edf5;--field-line:#e3d7e1;--field-hover:#c4a0bb;--hero-start:#f0e4f0;--hero-end:#dbc9e1;--admin-start:#4c3158;--admin-end:#291d31;--modal-line:#e6d9e3}
html[data-theme="ocean"]{--ink:#12343e;--cream:#f4fafb;--lime:#2e9bb1;--orange:#df745b;--blue:#77c7d4;--muted:#61757a;--line:#d7e8e9;--glow:#dff3f5;--header-bg:rgba(244,250,251,.9);--dark-start:#195463;--dark-end:#0b2931;--accent-start:#47b6c8;--accent-end:#27899d;--accent-ink:#fff;--icon-hover:#e7f5f6;--field-line:#d2e4e6;--field-hover:#8cbfc6;--hero-start:#e1f1f2;--hero-end:#bfdee2;--admin-start:#195463;--admin-end:#0b2931;--modal-line:#d5e5e6}
html[data-theme="charcoal"]{--ink:#282828;--cream:#faf9f6;--lime:#bf704e;--orange:#bd5e52;--blue:#92a0a8;--muted:#6d6b69;--line:#e2ded7;--glow:#eee9e1;--header-bg:rgba(250,249,246,.9);--dark-start:#393939;--dark-end:#202020;--accent-start:#d28a63;--accent-end:#a95b3f;--accent-ink:#fff;--icon-hover:#f0ede8;--field-line:#ded9d0;--field-hover:#bdb3a7;--hero-start:#ebe8e2;--hero-end:#d6d1c7;--admin-start:#393939;--admin-end:#202020;--modal-line:#e1ddd5}
html[data-theme="ruby"]{--ink:#351e2b;--cream:#fdf7f8;--lime:#c55268;--orange:#d87862;--blue:#ba9bb0;--muted:#76656c;--line:#ecdce0;--glow:#f8e4e8;--header-bg:rgba(253,247,248,.9);--dark-start:#55293c;--dark-end:#2a1822;--accent-start:#d76b7d;--accent-end:#ad3f59;--accent-ink:#fff;--icon-hover:#faedf0;--field-line:#e8d8dc;--field-hover:#caa1aa;--hero-start:#f5e6e9;--hero-end:#e6cbd2;--admin-start:#55293c;--admin-end:#2a1822;--modal-line:#eadadd}
html[data-theme="forest"]{--ink:#203b31;--cream:#f4faf5;--lime:#4f9b75;--orange:#d27857;--blue:#8bbfa9;--muted:#63756a;--line:#d8e7dc;--glow:#def0e2;--header-bg:rgba(244,250,245,.9);--dark-start:#315842;--dark-end:#172c23;--accent-start:#67b78c;--accent-end:#3f8766;--accent-ink:#fff;--icon-hover:#e9f5eb;--field-line:#d5e4d9;--field-hover:#97bf9f;--hero-start:#e3f0e6;--hero-end:#c7dfce;--admin-start:#315842;--admin-end:#172c23;--modal-line:#d6e5da}
html[data-theme="sand"]{--ink:#41342b;--cream:#fcf8f1;--lime:#b98243;--orange:#c86350;--blue:#b9a489;--muted:#776b5c;--line:#e6dccd;--glow:#f4e6ce;--header-bg:rgba(252,248,241,.9);--dark-start:#5a4737;--dark-end:#2d251f;--accent-start:#ce9a55;--accent-end:#a96f32;--accent-ink:#fff;--icon-hover:#f7efe2;--field-line:#e1d6c6;--field-hover:#c7ac83;--hero-start:#f1e6d7;--hero-end:#ddc8a9;--admin-start:#5a4737;--admin-end:#2d251f;--modal-line:#e2d8c9}
html[data-theme="indigo"]{--ink:#292b58;--cream:#f8f8ff;--lime:#6d72d8;--orange:#cf6b72;--blue:#9ca2e4;--muted:#696c8b;--line:#dfe0f4;--glow:#e9e9ff;--header-bg:rgba(248,248,255,.9);--dark-start:#3e4079;--dark-end:#20214a;--accent-start:#8589ea;--accent-end:#585cc2;--accent-ink:#fff;--icon-hover:#efefff;--field-line:#dcddf1;--field-hover:#a9acdc;--hero-start:#e8e9fb;--hero-end:#ced0ed;--admin-start:#3e4079;--admin-end:#20214a;--modal-line:#dedff2}
html[data-theme="coral"]{--ink:#29343a;--cream:#fbf8f5;--lime:#d6725e;--orange:#d15d54;--blue:#92aeb5;--muted:#687379;--line:#e4ddd7;--glow:#f5e4dc;--header-bg:rgba(251,248,245,.9);--dark-start:#3c4b51;--dark-end:#202a2e;--accent-start:#e28570;--accent-end:#bc5b49;--accent-ink:#fff;--icon-hover:#f8eee9;--field-line:#e0d8d1;--field-hover:#c5aaa0;--hero-start:#f2e5df;--hero-end:#ddc9c0;--admin-start:#3c4b51;--admin-end:#202a2e;--modal-line:#e1d9d3}
html[data-theme="lilac"]{--ink:#453550;--cream:#fbf9fd;--lime:#9874b8;--orange:#d37579;--blue:#b39ac9;--muted:#74697d;--line:#e5dfea;--glow:#f0e8f6;--header-bg:rgba(251,249,253,.9);--dark-start:#5b466b;--dark-end:#302637;--accent-start:#af8bcd;--accent-end:#7d579f;--accent-ink:#fff;--icon-hover:#f4eff8;--field-line:#e1dbe7;--field-hover:#bea8ce;--hero-start:#f0e9f4;--hero-end:#dccde6;--admin-start:#5b466b;--admin-end:#302637;--modal-line:#e3dce8}
html[data-theme="jade"]{--ink:#183b38;--cream:#f5fbf8;--lime:#39a88c;--orange:#d37658;--blue:#83c6b5;--muted:#607771;--line:#d7e9e2;--glow:#def3eb;--header-bg:rgba(245,251,248,.9);--dark-start:#24574f;--dark-end:#10302e;--accent-start:#55bda2;--accent-end:#258c75;--accent-ink:#fff;--icon-hover:#e7f6f0;--field-line:#d2e6de;--field-hover:#88c3b2;--hero-start:#e1f1eb;--hero-end:#c3dfd5;--admin-start:#24574f;--admin-end:#10302e;--modal-line:#d5e8e0}
html[data-theme="sunset"]{--ink:#4a3029;--cream:#fdf7ee;--lime:#d98450;--orange:#c95f52;--blue:#c7a081;--muted:#7a6659;--line:#ecdec9;--glow:#f8e4ca;--header-bg:rgba(253,247,238,.9);--dark-start:#624034;--dark-end:#34211d;--accent-start:#e69b66;--accent-end:#bc693e;--accent-ink:#fff;--icon-hover:#fbefe0;--field-line:#e8dac6;--field-hover:#ccaa84;--hero-start:#f5e5d1;--hero-end:#e4c49e;--admin-start:#624034;--admin-end:#34211d;--modal-line:#e9dcc9}
html[data-theme="ice"]{--ink:#263b52;--cream:#f7fbff;--lime:#5b9bd5;--orange:#d06e62;--blue:#8fc4e8;--muted:#65778a;--line:#dce8f2;--glow:#e3f1fb;--header-bg:rgba(247,251,255,.9);--dark-start:#345776;--dark-end:#1a2b3c;--accent-start:#75b2e5;--accent-end:#447fb8;--accent-ink:#fff;--icon-hover:#eaf5fc;--field-line:#d8e5ef;--field-hover:#99c0dc;--hero-start:#e6f1f9;--hero-end:#c7deed;--admin-start:#345776;--admin-end:#1a2b3c;--modal-line:#dbe7f0}
html[data-theme="mocha"]{--ink:#3c2d29;--cream:#fcf8f4;--lime:#af7954;--orange:#c76654;--blue:#b69b8c;--muted:#75645c;--line:#e8ddd5;--glow:#f2e4da;--header-bg:rgba(252,248,244,.9);--dark-start:#523c34;--dark-end:#2c211e;--accent-start:#c58f68;--accent-end:#925b3c;--accent-ink:#fff;--icon-hover:#f6eee8;--field-line:#e4d9d1;--field-hover:#c6aa99;--hero-start:#f0e4db;--hero-end:#dac8bb;--admin-start:#523c34;--admin-end:#2c211e;--modal-line:#e5dad2}
html[data-theme="ivory"]{--ink:#493d30;--cream:#fffdf8;--lime:#a68354;--orange:#bf6d55;--blue:#b9af9f;--muted:#766c61;--line:#e9e2d5;--glow:#f6eddc;--header-bg:rgba(255,253,248,.9);--dark-start:#5f5040;--dark-end:#332a21;--accent-start:#c1a06d;--accent-end:#8e7045;--accent-ink:#fff;--icon-hover:#faf4e9;--field-line:#e5ddcf;--field-hover:#c9b496;--hero-start:#f6eee1;--hero-end:#e7d7bd;--admin-start:#5f5040;--admin-end:#332a21;--modal-line:#e7dfd2}
html[data-theme="blossom"]{--ink:#51323f;--cream:#fff9fa;--lime:#c37a94;--orange:#d66b64;--blue:#d1a7b8;--muted:#806977;--line:#eedfe4;--glow:#fae9ee;--header-bg:rgba(255,249,250,.9);--dark-start:#654251;--dark-end:#35212b;--accent-start:#d996ac;--accent-end:#aa607d;--accent-ink:#fff;--icon-hover:#fceff2;--field-line:#eadbe1;--field-hover:#d1abb9;--hero-start:#f8e8ed;--hero-end:#e8cbd4;--admin-start:#654251;--admin-end:#35212b;--modal-line:#ecdde3}
html[data-theme="mist"]{--ink:#354150;--cream:#fbfcfd;--lime:#718ba5;--orange:#c87862;--blue:#a6bdcf;--muted:#697682;--line:#e0e6eb;--glow:#edf2f5;--header-bg:rgba(251,252,253,.9);--dark-start:#4a5b69;--dark-end:#28323a;--accent-start:#8fa9c0;--accent-end:#607c96;--accent-ink:#fff;--icon-hover:#f0f4f7;--field-line:#dce3e8;--field-hover:#afbfcc;--hero-start:#edf2f5;--hero-end:#d4e0e8;--admin-start:#4a5b69;--admin-end:#28323a;--modal-line:#dfe5e9}
html[data-theme="onyx"]{--ink:#292728;--cream:#faf8f3;--lime:#c69a4b;--orange:#c46657;--blue:#b2a17c;--muted:#706b62;--line:#e2ddd3;--glow:#eee6d5;--header-bg:rgba(250,248,243,.9);--dark-start:#393634;--dark-end:#171717;--accent-start:#d7b66a;--accent-end:#a2762d;--accent-ink:#fff;--icon-hover:#f1ede5;--field-line:#ded8ce;--field-hover:#c4b28d;--hero-start:#eae5dc;--hero-end:#d4ccbd;--admin-start:#393634;--admin-end:#171717;--modal-line:#e0dad0}
html[data-theme="obsidian"]{--ink:#1d3033;--cream:#f5faf9;--lime:#378f93;--orange:#d17159;--blue:#79b7b6;--muted:#5f7475;--line:#d6e4e2;--glow:#dff0ed;--header-bg:rgba(245,250,249,.9);--dark-start:#274b4c;--dark-end:#0d2224;--accent-start:#53aeb0;--accent-end:#23777a;--accent-ink:#fff;--icon-hover:#e5f3f1;--field-line:#d0e1df;--field-hover:#88bcb9;--hero-start:#dfeeea;--hero-end:#bed8d5;--admin-start:#274b4c;--admin-end:#0d2224;--modal-line:#d3e3e1}
html[data-theme="nightfall"]{--ink:#2d2645;--cream:#faf9ff;--lime:#8174c4;--orange:#cb6d70;--blue:#a59bd3;--muted:#6d6880;--line:#e0def0;--glow:#ece9fb;--header-bg:rgba(250,249,255,.9);--dark-start:#443d69;--dark-end:#211d34;--accent-start:#9a8cde;--accent-end:#6558a8;--accent-ink:#fff;--icon-hover:#f0effa;--field-line:#dcdaec;--field-hover:#afa9d3;--hero-start:#ebe9f7;--hero-end:#d2cde8;--admin-start:#443d69;--admin-end:#211d34;--modal-line:#dfdcee}
html[data-theme="aurora"]{--ink:#1f3544;--cream:#f6fbfb;--lime:#4aa99d;--orange:#c76f94;--blue:#89c6cf;--muted:#607681;--line:#d8e8e9;--glow:#dff2ed;--header-bg:rgba(246,251,251,.9);--dark-start:#274c5b;--dark-end:#182533;--accent-start:#63c2b3;--accent-end:#398b88;--accent-ink:#fff;--icon-hover:#e8f6f4;--field-line:#d4e5e5;--field-hover:#93c5c4;--hero-start:#e0f0ed;--hero-end:#c5dfe0;--admin-start:#274c5b;--admin-end:#182533;--modal-line:#d6e6e7}
html[data-theme="citrus"]{--ink:#34402b;--cream:#fffdf5;--lime:#9aae3f;--orange:#d57d4d;--blue:#b3bd7a;--muted:#72785f;--line:#e8e8ce;--glow:#f4f1cf;--header-bg:rgba(255,253,245,.9);--dark-start:#535f35;--dark-end:#2d3320;--accent-start:#bace57;--accent-end:#879c31;--accent-ink:#fff;--icon-hover:#f7f5df;--field-line:#e4e4c8;--field-hover:#c2c890;--hero-start:#f2f0d9;--hero-end:#dcdfaf;--admin-start:#535f35;--admin-end:#2d3320;--modal-line:#e6e5ca}
html[data-theme="shakalpa-green"]{--ink:#173b2d;--cream:#f7fbf4;--lime:#4c9a58;--orange:#d27455;--blue:#84b88b;--muted:#617568;--line:#d8e7d4;--glow:#e1f0dc;--header-bg:rgba(247,251,244,.9);--dark-start:#245b3b;--dark-end:#123122;--accent-start:#66b872;--accent-end:#358340;--accent-ink:#fff;--icon-hover:#eaf5e7;--field-line:#d3e4cf;--field-hover:#8fbd94;--hero-start:#e2f0de;--hero-end:#c5dec0;--admin-start:#245b3b;--admin-end:#123122;--modal-line:#d5e5d1}
html[data-theme="evergreen"]{--ink:#17372d;--cream:#f5faf6;--lime:#368c63;--orange:#d27158;--blue:#70aa8e;--muted:#5e7266;--line:#d4e4da;--glow:#dcefe2;--header-bg:rgba(245,250,246,.9);--dark-start:#1c513d;--dark-end:#0c2820;--accent-start:#50ab7a;--accent-end:#24724e;--accent-ink:#fff;--icon-hover:#e4f3e9;--field-line:#cfe1d6;--field-hover:#7eb396;--hero-start:#dcece1;--hero-end:#bdd7c8;--admin-start:#1c513d;--admin-end:#0c2820;--modal-line:#d1e2d8}
html[data-theme="rosewood"]{--ink:#402834;--cream:#fdf8f7;--lime:#ae5e72;--orange:#c96a50;--blue:#bc96a2;--muted:#79646b;--line:#eadcdf;--glow:#f3e2e1;--header-bg:rgba(253,248,247,.9);--dark-start:#5b3946;--dark-end:#2e1b22;--accent-start:#c6788d;--accent-end:#904659;--accent-ink:#fff;--icon-hover:#f8edef;--field-line:#e6d7da;--field-hover:#c8a2aa;--hero-start:#f1e2e3;--hero-end:#dfc4c8;--admin-start:#5b3946;--admin-end:#2e1b22;--modal-line:#e8d9dc}
html[data-theme="cloud"]{--ink:#34414b;--cream:#fafbfc;--lime:#708aa0;--orange:#c77962;--blue:#a7c1d2;--muted:#687681;--line:#e0e6ea;--glow:#eef2f5;--header-bg:rgba(250,251,252,.9);--dark-start:#4c5d69;--dark-end:#29333a;--accent-start:#8da8bd;--accent-end:#607d93;--accent-ink:#fff;--icon-hover:#f1f4f6;--field-line:#dce3e7;--field-hover:#afbdc7;--hero-start:#edf2f5;--hero-end:#d5e0e6;--admin-start:#4c5d69;--admin-end:#29333a;--modal-line:#dfe5e8}
.theme-catalogue{display:grid;grid-template-columns:minmax(210px,.65fr) minmax(0,1.35fr);gap:24px;margin:0 0 20px;padding:25px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 28px rgba(23,33,60,.055)}.theme-catalogue h2{margin:0;font:700 29px/1 Fraunces,serif;letter-spacing:-.035em}.theme-catalogue-copy>p:not(.eyebrow){margin:9px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.theme-option{position:relative;min-height:116px;border:1px solid var(--line);background:var(--cream);padding:12px;text-align:left;color:var(--ink);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.theme-option:hover{transform:translateY(-2px);border-color:var(--lime);box-shadow:0 9px 18px rgba(23,33,60,.09)}.theme-option.is-active{border:2px solid var(--lime);background:#fff}.theme-option strong,.theme-option small{display:block}.theme-option strong{margin-top:9px;font-size:11px}.theme-option small{margin-top:3px;color:var(--muted);font-size:9px;line-height:1.35}.theme-option em{position:absolute;right:9px;bottom:8px;color:var(--ink);font:700 9px 'DM Sans',sans-serif;font-style:normal}.theme-option.is-active em{color:var(--lime)}.theme-swatches{display:flex}.theme-swatches i{display:block;width:24px;height:16px;border:1px solid rgba(0,0,0,.08)}.theme-swatches i+i{margin-left:-4px}@media(max-width:900px){.theme-catalogue{grid-template-columns:1fr}.theme-options{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:520px){.theme-catalogue{padding:18px}.theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
.theme-select-label{display:grid;gap:6px;margin-top:16px;font-size:10px;font-weight:800;letter-spacing:.06em;color:var(--muted)}.theme-select-label select{min-height:38px;padding:7px 10px;border:1px solid var(--line);background:#fff;color:var(--ink);font:600 12px 'DM Sans',sans-serif}
.theme-catalogue{grid-template-columns:1fr}.theme-select-label select{max-width:360px}
.admin-actions{position:relative}.theme-icon-button{width:42px;height:42px;min-width:42px;border:0!important;border-radius:10px!important;background:transparent!important;color:var(--ink)!important;display:grid!important;place-items:center!important;box-shadow:none!important;cursor:pointer}.theme-icon-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.theme-icon-button:hover{color:var(--lime)!important;transform:translateY(-1px)}.theme-picker-menu{position:absolute;top:calc(100% + 9px);right:102px;z-index:40;width:245px;padding:13px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 36px rgba(23,33,60,.18)}.theme-picker-menu[hidden]{display:none}.theme-picker-menu p{margin:0 0 8px;color:var(--muted);font:800 9px 'DM Sans',sans-serif;letter-spacing:.1em}.theme-picker-menu select{width:100%;min-height:39px;border:1px solid var(--line);padding:8px;background:#fff;color:var(--ink);font:600 12px 'DM Sans',sans-serif}.theme-picker-status{display:block;margin-top:9px;color:var(--muted);font-size:10px}.theme-picker-menu .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:560px){.theme-icon-button{width:38px;height:38px;min-width:38px}.theme-picker-menu{right:0;top:calc(100% + 7px)}}
.header-actions{position:relative}.header-actions .theme-icon-button{color:var(--ink)!important}.header-actions .theme-picker-menu{right:0;top:calc(100% + 10px)}.theme-menu-label{display:grid;gap:5px;margin-top:9px;color:var(--muted);font:800 9px 'DM Sans',sans-serif;letter-spacing:.06em}html[data-mode="dark"]{--cream:#141923;--ink:#ecf0f4;--muted:#bac2cd;--line:#303a48;--glow:#1d2633;--header-bg:#181e29;--icon-hover:#252e3b;--field-line:#394452;--field-hover:var(--lime);--hero-start:#202a39;--hero-end:#151b26;--modal-line:#394452}html[data-mode="dark"] body,html[data-mode="dark"] .admin-page{background:radial-gradient(circle at 86% -12%,#253042 0,transparent 30rem),var(--cream);color:var(--ink)}html[data-mode="dark"] .site-header,html[data-mode="dark"] .media-header,html[data-mode="dark"] .jobs-header,html[data-mode="dark"] .category-strip,html[data-mode="dark"] footer{background:var(--header-bg)!important}html[data-mode="dark"] .product,html[data-mode="dark"] .role-card,html[data-mode="dark"] .float-card,html[data-mode="dark"] .booking-card,html[data-mode="dark"] .account-list,html[data-mode="dark"] .create-card,html[data-mode="dark"] .metrics article,html[data-mode="dark"] .payment-settings,html[data-mode="dark"] .approval-queue,html[data-mode="dark"] .theme-picker-menu,html[data-mode="dark"] dialog{background:#202733!important;color:var(--ink)}html[data-mode="dark"] input,html[data-mode="dark"] select,html[data-mode="dark"] textarea,html[data-mode="dark"] .theme-picker-menu select{background:#18202b!important;color:var(--ink)!important}html[data-mode="dark"] .theme-picker-menu{box-shadow:0 16px 36px rgba(0,0,0,.38)}html[data-mode="dark"] .site-header nav a,html[data-mode="dark"] .brand,html[data-mode="dark"] .icon-button,html[data-mode="dark"] .open-store{color:var(--ink)}html[data-mode="dark"] .theme-icon-button{color:var(--ink)!important}
.converter-symbol{width:31px;height:31px;flex:0 0 31px;margin-right:0;border:0;background:transparent;color:#416a4a;font:700 21px/1 Fraunces,serif;cursor:pointer}.converter-symbol:hover{color:var(--ink);transform:translateY(-1px)}.converter-symbol:focus-visible{outline:3px solid var(--lime);outline-offset:2px}.converter-dialog{width:min(640px,94vw);max-height:88vh;overflow:auto;border:0;border-top:4px solid var(--lime);padding:28px;background:#fff;box-shadow:0 24px 70px rgba(18,42,43,.28)}.converter-dialog::backdrop{background:rgba(18,42,43,.5)}.converter-dialog h2{margin:4px 0 7px;font:700 36px/1 Fraunces,serif;letter-spacing:-.04em}.converter-copy{margin:0 0 20px;color:var(--muted);font-size:13px}.converter-close{position:absolute;right:13px;top:9px;border:0;background:transparent;color:var(--ink);font-size:28px}.converter-selects{display:grid;grid-template-columns:1fr 1.35fr;gap:12px}.converter-dialog form{margin-top:14px}.converter-dialog #converterFields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.converter-dialog label{font-size:11px}.converter-dialog input,.converter-dialog select{width:100%;min-height:40px}.converter-result{display:block;margin-top:16px;padding:14px 15px;background:#eff7e6;border-left:4px solid var(--lime);font:700 15px/1.4 'DM Sans',sans-serif;color:var(--ink);word-break:break-word}.converter-note{grid-column:1/-1;color:var(--muted);font-size:10px;line-height:1.4}@media(max-width:520px){.converter-dialog{padding:23px 18px}.converter-dialog h2{font-size:31px}.converter-selects,.converter-dialog #converterFields{grid-template-columns:1fr}.converter-symbol{margin-right:0}}
.calculator-symbol{width:31px;height:31px;flex:0 0 31px;margin-right:auto;border:0;background:transparent;color:#275b83;cursor:pointer;padding:5px}.calculator-symbol svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.calculator-symbol:hover{color:#a46816;transform:translateY(-1px)}.calculator-symbol:focus-visible{outline:3px solid var(--lime);outline-offset:2px}.calculator-dialog{width:min(430px,92vw);border:0;border-top:4px solid #275b83;padding:28px;background:#fff;box-shadow:0 24px 70px rgba(18,42,43,.28)}.calculator-dialog::backdrop{background:rgba(18,42,43,.5)}.calculator-dialog h2{margin:4px 0 7px;font:700 33px/1 Fraunces,serif;letter-spacing:-.04em}.calculator-copy{margin:0 0 19px;color:var(--muted);font-size:13px}.calculator-close{position:absolute;right:13px;top:9px;border:0;background:transparent;color:var(--ink);font-size:28px;cursor:pointer}.calculator-fields{display:grid;grid-template-columns:1fr;gap:11px}.calculator-fields label{display:grid;gap:6px;font-size:11px;font-weight:700}.calculator-fields label>small{font-weight:500;color:var(--muted);line-height:1.35}.calculator-fields textarea{width:100%;box-sizing:border-box;min-height:78px;border:1px solid var(--line);padding:10px;resize:vertical;font:600 15px/1.4 'DM Sans',sans-serif}.calculator-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.calculator-actions button{min-height:55px;border:1px solid #c9d7c3;background:#f4f8ef;color:var(--ink);display:grid;place-content:center;gap:3px;font:800 18px/1 'DM Sans',sans-serif;cursor:pointer}.calculator-actions button b{font-size:18px}.calculator-actions button small{font-size:9px;letter-spacing:.04em}.calculator-actions button[data-operation="expression"]{grid-column:1/-1;min-height:43px;background:#275b83;color:#fff}.calculator-actions button:hover{background:var(--lime)}.calculator-actions button[data-operation="expression"]:hover{background:#183c59}.calculator-result{display:block;margin-top:14px;padding:13px 14px;background:#edf4fb;border-left:4px solid #275b83;color:var(--ink);font:800 15px/1.4 'DM Sans',sans-serif;word-break:break-word}.calculator-reset{margin-top:9px;border:0;background:transparent;color:#52645c;font:700 11px 'DM Sans',sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.calculator-reset:hover{color:var(--ink)}@media(max-width:520px){.calculator-dialog{padding:23px 18px}.calculator-dialog h2{font-size:29px}}
.home-search-symbol,.home-product-search.is-open .home-search-symbol{background:transparent!important;color:#315e31!important}.home-search-symbol:hover{color:#6d8f00!important}
.home-product-search>button,.home-product-search>label{visibility:visible!important;opacity:1!important}
#home{display:flex;flex-direction:column}#home>.products{order:-1}
.roles .role-grid{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:16px;background:transparent}.roles .role-card{min-height:226px;padding:27px 26px;border:1px solid rgba(255,255,255,.17);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;box-shadow:0 14px 30px rgba(18,42,43,.12);transition:transform .2s ease,box-shadow .2s ease}.roles .role-card::after{content:'';position:absolute;right:-42px;bottom:-69px;width:176px;height:176px;border:1px solid rgba(255,255,255,.16);border-radius:50%;box-shadow:0 0 0 28px rgba(255,255,255,.045),0 0 0 57px rgba(255,255,255,.025);pointer-events:none}.roles .role-card[data-role="Vendor"]{background:linear-gradient(135deg,#183a58,#102536);color:#fff}.roles .role-card[data-role="Agent"]{background:linear-gradient(135deg,#17645c,#0b3938);color:#fff}.roles .role-card[data-role="Customer"]{background:linear-gradient(135deg,#d66d5c,#a83f3c);color:#fff}.roles .role-card h3{position:relative;z-index:1;font-size:27px;letter-spacing:-.025em}.roles .role-card p{position:relative;z-index:1;max-width:240px;margin:10px 0 21px;color:rgba(255,255,255,.8);font-size:12px}.roles .role-badge{position:relative;z-index:1;color:rgba(255,255,255,.65)}.roles .role-login{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-top:auto;border:1px solid rgba(255,255,255,.38);border-radius:999px;background:rgba(255,255,255,.1);padding:9px 12px;color:#fff;font:800 10px/1 'DM Sans',sans-serif;letter-spacing:.06em;cursor:pointer;transition:background .18s ease,color .18s ease}.roles .role-login span{font-size:16px;line-height:.7}.roles .role-card:hover{transform:translateY(-5px);box-shadow:0 22px 40px rgba(18,42,43,.2)}.roles .role-card:hover .role-login{background:#fff;color:#18313e}@media(max-width:850px){.roles .role-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.roles .role-card{min-height:208px;padding:22px 19px}.roles .role-card h3{font-size:23px}}@media(max-width:640px){.roles .role-grid{grid-template-columns:1fr;gap:12px}.roles .role-card{min-height:178px;padding:22px 21px}.roles .role-card p{max-width:310px}}
.cart-symbol{position:relative!important;display:grid!important;place-items:center;width:37px;height:37px;padding:0!important;color:var(--ink)!important}.cart-symbol svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.cart-symbol #cartCount{position:absolute;top:0;right:-3px;min-width:12px;padding:0;border:0;background:transparent;color:#5675dc;display:block;font:800 12px/1 'DM Sans',sans-serif;text-shadow:0 1px 7px rgba(86,117,220,.18)}.cart-symbol:hover{color:var(--lime)!important}.cart-symbol:focus-visible{outline:3px solid var(--lime);outline-offset:2px}@media(max-width:520px){.header-actions .cart-symbol{display:grid!important}}
.account-profile{position:relative;display:flex;align-items:center}.account-profile-trigger{display:flex;align-items:center;gap:7px;max-width:180px;border:0;background:transparent;padding:3px;color:var(--ink);font:700 11px 'DM Sans',sans-serif;cursor:pointer}.account-profile-avatar{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#6f8cff,#405edb);border:2px solid #fff;color:#fff;box-shadow:0 3px 10px rgba(64,94,219,.28)}.account-profile-avatar svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.account-profile-avatar img{width:100%;height:100%;object-fit:cover}.account-profile-trigger:hover .account-profile-avatar{transform:translateY(-1px);box-shadow:0 5px 13px rgba(64,94,219,.38)}.account-profile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-profile-popover{position:absolute;z-index:80;top:calc(100% + 8px);right:0;width:205px;padding:13px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 30px rgba(18,42,43,.18)}.account-profile-popover[hidden]{display:none}.account-profile-popover strong,.account-profile-popover small{display:block}.account-profile-popover small{margin:3px 0 12px;color:var(--muted);font-size:10px}.account-photo-upload{display:block;border:1px solid var(--ink);padding:8px 9px;color:var(--ink);font:700 10px 'DM Sans',sans-serif;cursor:pointer;text-align:center}.account-profile-status{min-height:14px;margin:8px 0 0;color:var(--muted);font-size:10px;line-height:1.35}@media(max-width:600px){.account-profile-name{display:none}.account-profile-trigger{padding:3px}.account-profile-popover{right:-4px}}
.plumbing-onboarding{margin:24px 0;padding:22px;border:1px solid var(--line);background:#fff}.plumbing-onboarding section{display:grid;gap:10px;margin-top:18px;padding-top:17px;border-top:1px solid var(--line)}.plumbing-head{display:flex;justify-content:space-between;gap:16px}.plumbing-head h2,.plumbing-onboarding h3{margin:2px 0 7px;font-family:Fraunces,serif}.plumbing-head p:not(.eyebrow),.plumbing-onboarding section>p,.plumbing-flow{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.plumbing-head>b{height:max-content;padding:6px 9px;background:#edf3e2;color:#355d36;font-size:10px;white-space:nowrap}.plumbing-flow{margin:15px 0;padding:10px 12px;border-left:3px solid var(--lime);background:#f6f9f2}.plumbing-onboarding i{color:#c2410c;font-style:normal}.plumbing-row{display:grid;grid-template-columns:minmax(0,1fr) 88px 104px;gap:9px;align-items:center;padding:9px 10px;background:#f8faf6;font-size:12px}.plumbing-row small{margin-left:6px;color:#a25b25;font-size:9px}.plumbing-row input,.plumbing-onboarding input:not([type=checkbox]){width:100%;box-sizing:border-box;min-height:36px;padding:7px;border:1px solid var(--line)}.plumbing-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.plumbing-grid>label{display:grid;gap:5px;font-size:11px;font-weight:700}.plumbing-days,.plumbing-agreements{display:flex;gap:8px 13px;flex-wrap:wrap}.plumbing-days label,.plumbing-agreements label,.plumbing-check{font-size:11px}.plumbing-agreements{display:grid}.plumbing-check{align-self:end;min-height:36px}.plumbing-onboarding .form-error{margin:14px 0 0}@media(max-width:620px){.plumbing-head{display:block}.plumbing-head>b{display:inline-block;margin-top:9px}.plumbing-row{grid-template-columns:minmax(0,1fr) 64px 76px;gap:6px}.plumbing-row small{display:none}.plumbing-grid{grid-template-columns:1fr}}
.plumbing-onboarding>section>label{display:grid;gap:6px;font-size:11px;font-weight:700}.plumbing-days{align-items:center}.plumbing-days>label{display:flex!important;align-items:center;gap:6px;margin:0;font-size:11px;font-weight:700}.plumbing-days input,.plumbing-agreements input,.plumbing-check input{width:auto!important;min-width:16px;height:16px;margin:0;accent-color:var(--lime)}.plumbing-check{display:flex!important;align-items:center;gap:7px;margin:0;font-weight:700}.plumbing-agreements{gap:8px}.plumbing-agreements label{display:grid!important;grid-template-columns:18px minmax(0,1fr) auto;align-items:start;gap:7px;margin:0;font-size:11px;font-weight:700;line-height:1.4}.plumbing-agreements label i{margin:0;align-self:start}.plumbing-onboarding h3{display:flex;align-items:center;gap:5px}.plumbing-onboarding h3 i{font-weight:800;line-height:1}.plumbing-row strong{display:flex;align-items:center;min-width:0}.plumbing-row input{border-color:#d5e0d2;border-radius:8px;background:#fff}.plumbing-grid>label>i{margin-left:2px}
.plumbing-onboarding #plumbingSafety{background:#fffaf3;padding:15px;border:1px solid #efd7b3}.plumbing-onboarding #plumbingSafety label{display:grid;gap:6px;font-size:11px;font-weight:700}.plumbing-onboarding #plumbingSafety input{min-height:41px}
.plumbing-grid>label,.plumbing-onboarding>section>label{display:block!important;position:relative;padding-right:0!important}.plumbing-grid>label>i,.plumbing-onboarding>section>label>i{display:inline!important;margin-left:3px!important;vertical-align:baseline}.plumbing-grid>label>input,.plumbing-onboarding>section>label>input{display:block;margin-top:6px}.plumbing-onboarding>section>label>.plumbing-days{margin-top:7px}.plumbing-onboarding .plumbing-check{display:flex!important;margin-top:0}
.plumbing-help-label{padding-right:0!important}.plumbing-help-label>input{width:calc(100% - 34px)!important}.plumbing-help-button{position:absolute;right:0;top:27px;width:25px;height:25px;border:0;background:transparent;padding:0;color:#49634d;font:700 19px/25px 'DM Sans',sans-serif;cursor:pointer}.plumbing-help-button:hover{color:#c2410c}.plumbing-help-popover{position:fixed;z-index:9999;box-sizing:border-box;padding:10px 12px;border:1px solid #aebda8;background:var(--ink);color:#fff;font:400 12px/1.45 'DM Sans',sans-serif;box-shadow:0 10px 24px rgba(24,32,30,.24)}.plumbing-help-popover[hidden]{display:none}@media(max-width:620px){.plumbing-help-button{top:27px}}
.plumbing-row.plumbing-help-label{grid-template-columns:minmax(0,1fr) 88px 104px 25px;padding-right:10px}.plumbing-row.plumbing-help-label>input{width:100%!important}.plumbing-row.plumbing-help-label>.plumbing-help-button{position:static;grid-column:4;grid-row:1;justify-self:center;align-self:center}@media(max-width:620px){.plumbing-row.plumbing-help-label{grid-template-columns:minmax(0,1fr) 64px 76px 25px}}@media(max-width:420px){.plumbing-row.plumbing-help-label{grid-template-columns:1fr 1fr 25px!important}.plumbing-row.plumbing-help-label strong{grid-column:1/-1}.plumbing-row.plumbing-help-label>.plumbing-help-button{grid-column:3;grid-row:2}}
.plumbing-document-upload{margin-top:2px}.plumbing-document-upload input[type=file]{min-height:48px;padding:10px;background:#fff}.plumbing-document-upload small,.plumbing-upload-status{display:block;margin-top:6px;color:var(--muted);font-size:10px;line-height:1.4}.plumbing-upload-status{min-height:14px;margin-bottom:0}
.plumbing-agreements a{color:var(--ink);font-weight:700;text-decoration:underline;text-decoration-color:var(--lime);text-underline-offset:3px}.plumbing-section-help{width:19px;height:19px;padding:0;border:0;background:transparent;color:#49634d;font:700 17px/19px 'DM Sans',sans-serif;cursor:pointer}.plumbing-section-help:hover,.plumbing-section-help[aria-expanded=true]{color:#c2410c}.plumbing-section-help-detail{position:absolute;z-index:31;left:0;top:calc(100% + 7px);width:min(285px,82vw);padding:9px 10px;border:1px solid #aebda8;background:var(--ink);color:#fff;font:400 11px/1.45 'DM Sans',sans-serif;box-shadow:0 8px 20px #18201e33}.plumbing-section-help-detail[hidden]{display:none}
.plumbing-onboarding h3{position:relative}
.profile-actions .service-approval-slot{display:flex;flex:1}.profile-actions .service-final-submit{display:block;flex:1;width:100%;margin:0}
/* Service-partner forms: compact, touch-friendly layouts at phone widths. */
@media(max-width:620px){
  .plumbing-onboarding{margin:16px 0;padding:16px}
  .plumbing-onboarding section{margin-top:15px;padding-top:14px}
  .plumbing-onboarding h3{font-size:20px;line-height:1.2}
  .plumbing-flow{padding:9px 10px}
  .profile-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .profile-actions .service-approval-slot,.profile-actions .service-final-submit{width:100%}
  .profile-actions .button{width:100%;min-height:48px}
  .plumbing-days{gap:9px 12px}
  .plumbing-check{min-height:42px;align-self:auto}
  .plumbing-document-upload input[type=file]{max-width:100%;font-size:11px}
}
@media(max-width:420px){
  .plumbing-onboarding{padding:14px}
  .plumbing-row{grid-template-columns:1fr 1fr!important;gap:8px;padding:10px}
  .plumbing-row strong{grid-column:1/-1;min-height:20px}
  .plumbing-row input{min-width:0}
  .plumbing-agreements label{grid-template-columns:18px minmax(0,1fr) auto;gap:6px}
}
#productGrid .customer-product-actions{margin-top:11px}#productGrid .customer-product-action{border:0;border-radius:8px;background:linear-gradient(135deg,var(--dark-start),var(--dark-end));color:#fff;padding:9px 12px;font:800 10px/1 'DM Sans',sans-serif;letter-spacing:.035em;box-shadow:0 7px 14px rgba(18,42,43,.14);transition:transform .18s ease,box-shadow .18s ease}#productGrid .customer-product-action:hover{transform:translateY(-2px);box-shadow:0 10px 19px rgba(18,42,43,.2)}#productGrid .customer-product-action span{margin-left:7px;font-size:13px}
#productGrid .product{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 8px 22px rgba(18,42,43,.055)}#productGrid .product-image{border-radius:0}#productGrid .product-info{padding:15px 16px 7px;align-items:flex-start}#productGrid .product-info strong{font-size:15px}#productGrid .product-info small{margin-top:4px;line-height:1.45}#productGrid .product-info span{font-size:15px;white-space:nowrap}#productGrid .product-specifications{display:none}#productGrid .product-card-actions{display:flex;align-items:center;gap:10px;margin:7px 16px 13px}#productGrid .product-details-link{flex:1;display:flex;margin:0;padding:7px 0;border:0;color:#365a36;font-size:11px}#productGrid .customer-product-actions{margin:0;display:flex}#productGrid .customer-product-action{padding:8px 10px;font-size:10px;white-space:nowrap}#productGrid .product-reviews{margin:0 16px;padding:10px 0 12px;border-top:1px solid var(--line)}
.product-details-link{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding-top:8px;border-top:1px solid var(--line);color:#365a36;font:700 11px 'DM Sans',sans-serif;text-decoration:none}.product-details-link:hover{color:var(--ink)}.product-details-link span{font-size:14px}
.product[data-product-details-url]{cursor:pointer}.product-access-dialog{width:min(480px,92vw);border:0;border-top:4px solid var(--lime);padding:32px;background:#fff;box-shadow:0 24px 70px rgba(18,42,43,.28)}.product-access-dialog::backdrop{background:rgba(18,42,43,.56)}.product-access-dialog h2{margin:5px 0 12px;font:700 30px/1.08 Fraunces,serif;letter-spacing:-.04em}.product-access-dialog>p:not(.eyebrow){margin:0;color:var(--muted);font-size:14px;line-height:1.55}.product-access-dialog>div{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.product-access-dialog .button{padding:12px 15px}.product-access-close{position:absolute;top:9px;right:12px;border:0;background:transparent;font-size:27px;cursor:pointer}
.home-product-search.is-open label.global-help-label{padding-right:31px}.home-product-search.is-open .global-help-button{top:50%;right:2px;transform:translateY(-50%)}.home-product-search.is-open .global-help-button:hover,.home-product-search.is-open .global-help-button[aria-expanded="true"]{transform:translateY(calc(-50% - 1px))}.home-product-search.is-open .global-help-detail{top:calc(100% + 6px);right:0}
.home-product-search.is-open label{position:relative}.home-product-search.is-open label .home-search-symbol{position:absolute;z-index:2;left:1px;bottom:1px;width:38px;height:38px;min-width:38px;border-radius:0;justify-self:auto}.home-product-search.is-open input#homeProductSearch{padding-left:43px!important}
.calculator-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:10px;border-top:1px solid var(--line)}.calculator-footer>small{color:var(--muted);font-size:10px}.calculator-footer .calculator-result{margin:0;padding:0;border:0;background:transparent;color:#275b83;font:800 20px/1 'DM Sans',sans-serif;text-align:right}.calculator-footer .calculator-result.is-error{color:#b53b25;font-size:11px;line-height:1.35;max-width:60%}.calculator-history{margin-top:15px;padding-top:12px;border-top:1px solid var(--line)}.calculator-history>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.calculator-history strong{font-size:11px;letter-spacing:.06em;text-transform:uppercase}.calculator-clear-history{border:0;background:transparent;padding:0;color:#52645c;font:700 10px 'DM Sans',sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.calculator-history ol{display:grid;gap:5px;max-height:120px;overflow:auto;margin:8px 0 0;padding:0;list-style:none}.calculator-history li{margin:0}.calculator-history li button{width:100%;border:0;background:#f4f8ef;padding:7px 9px;color:var(--ink);font:600 11px/1.35 'DM Sans',sans-serif;text-align:left;cursor:pointer}.calculator-history li button:hover{background:#e7f2d3}.calculator-history li button::after{content:'Use answer';float:right;color:#52645c;font-size:9px}@media(max-width:520px){.calculator-footer{align-items:flex-start;flex-direction:column;gap:7px}.calculator-footer .calculator-result{align-self:flex-end}.calculator-footer .calculator-result.is-error{align-self:stretch;max-width:none}}
.calculator-input-wrap{position:relative;display:block}.calculator-input-wrap textarea{padding-bottom:38px!important}.calculator-input-wrap .calculator-result{position:absolute;right:11px;bottom:10px;display:block;margin:0;padding:0;border:0;background:transparent;color:#275b83;font:800 19px/1 'DM Sans',sans-serif;text-align:right;pointer-events:none}.calculator-input-wrap .calculator-result.is-error{left:11px;right:11px;color:#b53b25;font-size:11px;line-height:1.3;text-align:left}.calculator-footer{display:none}
.calculator-keypad{grid-template-columns:repeat(4,1fr)!important;gap:7px!important}.calculator-keypad button{min-height:48px!important;border:0!important;border-radius:999px!important;background:#f0f1f3!important;color:#16222d!important;font:700 16px/1 'DM Sans',sans-serif!important}.calculator-keypad button:hover{background:#dfe5e9!important}.calculator-keypad .calculator-utility{background:#e5e7e9!important}.calculator-keypad .calculator-operator{background:#e1e3e5!important;font-size:20px!important}.calculator-keypad .calculator-equals{grid-column:span 3;background:#6e16f5!important;color:#fff!important;font-size:23px!important}.calculator-keypad .calculator-equals:hover{background:#5810cb!important}.calculator-keypad .calculator-backspace{font-size:20px!important}
.calculator-dialog{position:relative}.calculator-help{position:absolute;right:46px;top:14px;width:25px;height:25px;border:0;background:transparent;color:#275b83;font:800 17px/1 'DM Sans',sans-serif;cursor:pointer}.calculator-help:hover{color:#6e16f5}.calculator-help:focus-visible{outline:3px solid var(--lime);outline-offset:2px}.calculator-help-panel{margin:0 0 14px;padding:10px 12px;border-left:3px solid #275b83;background:#f1f6fb;color:#465b69;font-size:11px;line-height:1.45}.calculator-help-panel[hidden]{display:none}
.mobile-menu-toggle{display:none;border:0;background:transparent;color:var(--ink);width:34px;height:34px;padding:0;place-items:center;cursor:pointer}.mobile-menu-toggle svg{width:21px;height:21px}.mobile-menu-toggle:hover{color:#6d8f00}.mobile-menu-toggle:focus-visible{outline:3px solid var(--lime);outline-offset:2px}
@media(min-width:851px){.site-header .mobile-menu-toggle,.home-product-search .mobile-menu-toggle{display:none!important}.site-header nav{display:flex!important}.site-header nav.mobile-nav-open{position:static;min-width:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}.site-header nav.mobile-nav-open a{padding:0;font-size:14px}}
@media(min-width:851px){body.homepage .site-header nav{display:none!important}}
/* Homepage navigation: preserve the compact three-line menu instead of exposing every link in the header. */
@media(min-width:851px){body.homepage .home-product-search{justify-content:flex-start!important}body.homepage .home-product-search>.mobile-menu-toggle{display:grid!important}body.homepage .home-product-search>.compact-location{margin-left:auto!important}body.homepage .site-header nav.mobile-nav-open{position:absolute;top:calc(100% + 44px);left:max(4vw,36px);display:grid!important;min-width:205px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 15px 34px rgba(18,42,43,.17);z-index:60}body.homepage .site-header nav.mobile-nav-open a{padding:10px 11px;font-size:14px}}
/* Compact menu rows: do not inherit the wide desktop navigation gap. */
.site-header nav.mobile-nav-open,.media-header nav.mobile-nav-open,.jobs-header nav.mobile-nav-open{gap:0!important}.site-header nav.mobile-nav-open a,.media-header nav.mobile-nav-open a,.jobs-header nav.mobile-nav-open a{padding:8px 11px!important;line-height:1.25!important}
@media(min-width:851px){.media-header .mobile-menu-toggle,.jobs-header .mobile-menu-toggle{display:none!important}.media-header nav,.jobs-header nav{display:flex!important}.media-header nav.mobile-nav-open,.jobs-header nav.mobile-nav-open{position:static;min-width:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}.media-header nav.mobile-nav-open a,.jobs-header nav.mobile-nav-open a{padding:0;font-size:13px}}
@media(max-width:850px){.site-header{position:sticky}.site-header .mobile-menu-toggle,.home-product-search .mobile-menu-toggle{display:grid}.home-product-search .mobile-menu-toggle{flex:0 0 34px}.site-header nav.mobile-nav-open{position:absolute;top:calc(100% + 53px);left:16px;right:auto;display:grid;min-width:190px;padding:9px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 15px 34px rgba(18,42,43,.17);z-index:60}.site-header nav.mobile-nav-open a{padding:10px 11px;font-size:14px}.site-header nav.mobile-nav-open a::after{display:none}}
@media(max-width:700px){.media-header,.jobs-header{position:relative}.media-header .mobile-menu-toggle,.jobs-header .mobile-menu-toggle{display:grid}.media-header nav:not(.mobile-nav-open),.jobs-header nav:not(.mobile-nav-open){display:none}.media-header nav.mobile-nav-open,.jobs-header nav.mobile-nav-open{position:absolute;top:calc(100% + 8px);right:12px;display:grid;min-width:174px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 15px 34px rgba(18,42,43,.17);z-index:60}.media-header nav.mobile-nav-open a,.jobs-header nav.mobile-nav-open a{padding:10px;font-size:13px}.media-header nav.mobile-nav-open a::after,.jobs-header nav.mobile-nav-open a::after{display:none}}
@media(max-width:600px){.header-actions{gap:7px}.header-actions .header-signup,.header-actions #signInButton{width:34px;height:34px;min-width:34px;padding:0!important;gap:0;border-radius:10px;font-size:0;box-shadow:none}.header-actions .header-signup::before,.header-actions #signInButton::before{content:'';display:block;width:21px;height:21px;background:center/contain no-repeat}.header-actions .header-signup::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23122a2b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='7' r='3'/%3E%3Cpath d='M2.5 20c0-3.3 2.45-6 5.5-6 1.75 0 3.3.9 4.3 2.25'/%3E%3Cpath d='M18 9v7M14.5 12.5h7'/%3E%3C/svg%3E")}.header-actions #signInButton::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h5a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-5'/%3E%3Cpath d='M10 17l5-5-5-5M15 12H3'/%3E%3C/svg%3E")}.header-actions .header-signup:hover,.header-actions #signInButton:hover{transform:translateY(-1px)}}
@media(max-width:700px){.float-card,.product,.role-card,.service-card,.metrics article,.account-list,.create-card,.post-composer,.media-signin,.media-post,.jobs-signin,.job-offer,.contact-options article,.contact-form-section,.about-columns article,.policy-documents a{border-radius:11px}.media-main,.jobs-main{padding-top:46px}}
.password-control-label{position:relative}.password-control-label>input[type="password"],.password-control-label>input[type="text"]{padding-right:72px!important}.password-control-label .password-toggle,.password-control-label .password-help{position:absolute;bottom:11px;width:24px;height:24px;padding:0;border:0;background:transparent;color:#315a5e;font:700 18px/24px 'DM Sans',sans-serif;line-height:1;text-align:center;z-index:2}.password-control-label .password-toggle{right:8px}.password-control-label .password-help{right:38px}.password-control-label .password-toggle:hover,.password-control-label .password-help:hover{color:#c2410c}.password-control-label .password-rules{position:absolute;z-index:35;right:0;top:calc(100% + 7px);width:min(255px,80vw);padding:9px 10px;background:var(--ink);color:#fff;font:400 11px/1.45 'DM Sans',sans-serif;box-shadow:0 8px 20px #18201e33}.password-control-label .password-rules[hidden]{display:none}
#vendorProfileForm #categoryLabel { display: none !important; }
#vendorProfileForm .taxonomy-multi-trigger { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#vendorProfileForm,.vendor-taxonomy-fields,.vendor-taxonomy-fields>label,.taxonomy-multi{min-width:0;max-width:100%}
#vendorProfileForm .taxonomy-multi-trigger,#vendorProfileForm .taxonomy-multi-menu{box-sizing:border-box;max-width:100%}
/* Final storefront layout: keep marketplace cards consistent after theme styles load. */
#productGrid{align-items:stretch}
#productGrid .product{min-width:0;background:#fff;border:1px solid var(--line);box-shadow:0 10px 24px rgba(24,32,30,.06);overflow:hidden}
#productGrid .product-image{height:184px;background-color:#e8eee5}
#productGrid .product-info{padding:10px 14px 2px;align-items:flex-start}
#productGrid .product-info>div{gap:0}
#productGrid .product-info strong{font-size:15px;line-height:1.25}
#productGrid .product-info small{margin:0!important;line-height:1.2}
#productGrid .product-info span{font-size:15px;white-space:nowrap}
#productGrid .product-card-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 14px 8px;padding-top:5px;border-top:1px solid var(--line)}
#productGrid .product-details-link{display:flex;align-items:center;gap:8px;color:#315e31;font-size:11px;font-weight:700;text-decoration:none}
#productGrid .customer-product-actions{margin:0;flex-wrap:nowrap}
#productGrid .product-reviews{margin:0 14px 13px;padding-top:10px}
/* Products added by partners: keep uploaded media and the detail rows especially compact. */
#productGrid .product[data-product-id] .product-image{height:132px}
#productGrid .product[data-product-id] .product-info{padding-top:7px;padding-bottom:0}
#productGrid .product[data-product-id] .product-card-actions{margin-bottom:6px;padding-top:4px}
#productGrid .product[data-product-id] .product-reviews{margin-bottom:7px;padding-top:7px}
#productGrid .product[data-product-id] .product-price-column{display:grid;justify-items:end;gap:3px;flex:0 0 auto;text-align:right}
#productGrid .product[data-product-id] .product-price-column>span{margin:0!important}
#productGrid .product[data-product-id] .product-reviews--price{width:auto;margin:0!important;padding:0!important;border:0!important}
#productGrid .product[data-product-id] .product-reviews--price .product-review-body[hidden]{display:none!important}
#productGrid .product[data-product-id] .product-reviews--price .review-toggle{display:inline-flex;align-items:center;justify-content:flex-end;gap:5px;border:0;background:transparent;padding:0;color:#365a36;font:700 9px/1.2 'DM Sans',sans-serif;white-space:nowrap;cursor:pointer}
#productGrid .product[data-product-id] .product-reviews--price .review-summary{font-size:9px;color:var(--muted);font-weight:600}
@media(max-width:700px){
  #productGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}
  #productGrid .product{display:block!important;padding:0!important}
  #productGrid .product-image{width:100%!important;height:clamp(110px,31vw,142px)!important;border-radius:0!important}
  #productGrid .product[data-product-id] .product-image{height:112px!important}
  #productGrid .product[data-product-id] .product-info{padding:7px 10px 1px!important}
  #productGrid .product[data-product-id] .product-info small{min-height:0!important;line-height:1.2!important}
  #productGrid .product[data-product-id] .product-info span{margin-top:2px!important}
  #productGrid .product[data-product-id] .product-card-actions{display:flex!important;align-items:center!important;margin:0 10px 6px!important;padding-top:4px!important}
  #productGrid .product[data-product-id] .customer-product-actions{display:flex!important;width:auto!important}
  #productGrid .product[data-product-id] .customer-product-action{width:auto!important;padding:7px 9px!important}
  #productGrid .product[data-product-id] .product-reviews{margin:0 10px 7px!important;padding-top:6px!important}
  #productGrid .product[data-product-id] .product-price-column{gap:2px}
  #productGrid .product[data-product-id] .product-reviews--price{margin:0!important;padding:0!important}
  #productGrid .product-tag{top:9px;left:9px;font-size:8px;padding:4px 6px}
  #productGrid .product-info{display:block!important;padding:10px 10px 5px!important}
  #productGrid .product-info div{gap:3px}
  #productGrid .product-info strong{display:block;font-size:13px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #productGrid .product-info small{display:block;min-height:29px;font-size:10px;line-height:1.4;overflow:hidden}
  #productGrid .product-info span{display:block;margin-top:7px;font-size:14px}
  #productGrid .product-specifications{display:none!important}
  #productGrid .product-card-actions{display:grid!important;gap:7px;margin:0 10px 10px!important;padding-top:8px!important}
  #productGrid .product-details-link{justify-content:space-between;font-size:10px}
  #productGrid .customer-product-actions{display:grid!important;margin:0!important}
  #productGrid .customer-product-action{width:100%;text-align:center;padding:7px 5px;font-size:9px}
  #productGrid .product-reviews{margin:0 10px 10px!important;padding-top:8px!important}
  #productGrid .review-toggle{font-size:10px}
  #productGrid .review-summary{font-size:9px}
}
/* Final mobile storefront rows: name and price share one compact line. */
@media(max-width:700px){
  #productGrid .product-info{display:flex!important;align-items:flex-start!important;gap:6px!important}
  #productGrid .product-info>div{flex:1 1 auto;min-width:0}
  #productGrid .product-info span{margin-top:0!important;flex:0 0 auto}
  #productGrid .product[data-product-id] .product-info span{margin-top:0!important}
}
@media(max-width:350px){#productGrid{grid-template-columns:1fr!important}#productGrid .product-image{height:132px!important}}
.product:nth-child(4) .product-image{background-image:url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=700&q=80') !important}
/* Homepage toolbar: explicit final layout prevents the generic form grid from stacking controls. */
.home-product-search{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:2px 5vw!important;background:#eff4e8!important;border-top:1px solid #e1e8dc!important;border-bottom:1px solid #d7e0d2!important;overflow-x:auto}
.home-product-search>.mobile-menu-toggle,.home-product-search>.converter-symbol,.home-product-search>.recharge-symbol,.home-product-search>.tracking-symbol,.home-product-search>.calculator-symbol,.home-product-search>.blood-request-icon,.home-product-search>.home-search-symbol{display:grid!important;place-items:center;flex:0 0 auto!important;width:34px!important;height:34px!important;margin:0!important}
.home-product-search>.compact-location{display:grid!important;flex:0 0 98px!important;width:auto!important;height:34px!important;margin-left:auto!important}
.home-product-search>.compact-location+.blood-request-icon{margin-left:-5px!important}
body.homepage .home-product-search>.compact-location{margin-left:auto!important}
.home-product-search>label:not(.global-help-label){display:none!important}
.home-product-search>label.global-help-label{display:none!important}
.home-product-search.is-open{height:auto!important;min-height:54px!important}
.home-product-search.is-open>label.global-help-label{display:grid!important;position:relative!important;flex:1 1 260px!important;min-width:0!important;max-width:420px!important}
@media(max-width:600px){.home-product-search{justify-content:flex-start!important;padding:2px 6px!important;gap:4px!important;overflow:hidden}.home-product-search>.mobile-menu-toggle,.home-product-search>.converter-symbol,.home-product-search>.recharge-symbol,.home-product-search>.tracking-symbol,.home-product-search>.calculator-symbol,.home-product-search>.blood-request-icon,.home-product-search>.home-search-symbol{width:30px!important;height:30px!important}.home-product-search>.compact-location{flex-basis:98px!important;margin-left:auto!important}.home-product-search.is-open{flex-wrap:wrap;height:auto!important}.home-product-search.is-open>label.global-help-label{flex-basis:100%!important;max-width:none!important}}
@media(max-width:600px){.home-product-search>.compact-location+.blood-request-icon{margin-left:-2px!important}}
.recharge-symbol{width:31px;height:31px;flex:0 0 31px;border:0;background:transparent;color:#276b73;cursor:pointer;padding:5px}.recharge-symbol svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.recharge-symbol:hover{color:#a46816;transform:translateY(-1px)}.recharge-symbol:focus-visible{outline:3px solid var(--lime);outline-offset:2px}.recharge-dialog{position:relative;width:min(650px,94vw);max-height:88vh;overflow:auto;border:0;border-top:4px solid #276b73;padding:28px;background:#fff;box-shadow:0 24px 70px rgba(18,42,43,.28)}.recharge-dialog::backdrop{background:rgba(18,42,43,.5)}.recharge-dialog h2{margin:4px 0 7px;font:700 36px/1 Fraunces,serif;letter-spacing:-.04em}.recharge-copy{margin:0 0 18px;color:var(--muted);font-size:13px}.recharge-close{position:absolute;right:13px;top:9px;border:0;background:transparent;color:var(--ink);font-size:28px;cursor:pointer}.recharge-services{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:18px}.recharge-services button{min-height:47px;border:1px solid var(--line);background:#fff;padding:7px;color:var(--ink);font:700 11px/1.25 'DM Sans',sans-serif;text-align:left;cursor:pointer}.recharge-services button.selected{border-color:#276b73;background:#edf7f7;box-shadow:inset 3px 0 #276b73}.recharge-dialog form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.recharge-dialog form>label{display:grid;gap:6px;font-size:11px;font-weight:700}.recharge-dialog input[type=number],.recharge-dialog input:not([type=radio]){width:100%;box-sizing:border-box;min-height:41px;border:1px solid var(--line);padding:9px;font:500 13px 'DM Sans',sans-serif}.recharge-dialog fieldset,.recharge-note,.recharge-dialog .form-error,.recharge-dialog form>.button{grid-column:1/-1}.recharge-dialog fieldset{display:flex;gap:15px;flex-wrap:wrap;border:1px solid var(--line);padding:10px}.recharge-dialog legend{font-size:11px;font-weight:700;padding:0 5px}.recharge-dialog fieldset label{font-size:12px}.recharge-note{margin:0;color:var(--muted);font-size:10px;line-height:1.4}@media(max-width:520px){.recharge-dialog{padding:23px 18px}.recharge-dialog h2{font-size:30px}.recharge-services{grid-template-columns:repeat(2,1fr)}.recharge-dialog form{grid-template-columns:1fr}}
.tracking-symbol{width:31px;height:31px;flex:0 0 31px;border:0;background:transparent;color:#ad4e56;cursor:pointer;padding:5px}.tracking-symbol svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tracking-symbol:hover{color:#7e3138;transform:translateY(-1px)}.tracking-symbol:focus-visible{outline:3px solid var(--lime);outline-offset:2px}.tracking-dialog{position:relative;width:min(460px,92vw);border:0;border-top:4px solid #ad4e56;padding:28px;background:#fff;box-shadow:0 24px 70px rgba(18,42,43,.28)}.tracking-dialog::backdrop{background:rgba(18,42,43,.5)}.tracking-dialog h2{margin:4px 0 7px;font:700 34px/1 Fraunces,serif;letter-spacing:-.04em}.tracking-copy{margin:0 0 18px;color:var(--muted);font-size:13px}.tracking-close{position:absolute;right:13px;top:9px;border:0;background:transparent;color:var(--ink);font-size:28px;cursor:pointer}.tracking-status{display:flex;gap:11px;align-items:center;padding:13px;border:1px solid var(--line);background:#fbfcfa}.tracking-status strong,.tracking-status small{display:block}.tracking-status small{margin-top:3px;color:var(--muted);font-size:11px}.tracking-pulse{width:11px;height:11px;border-radius:50%;background:#96a09b}.tracking-status.is-live .tracking-pulse{background:#2d9b59;box-shadow:0 0 0 5px rgba(45,155,89,.14);animation:tracking-pulse 1.5s infinite}.tracking-actions{display:flex;gap:9px;margin-top:14px}.tracking-actions .button{min-height:40px;padding:9px 12px;font-size:12px}.tracking-actions .button:disabled{opacity:.55;cursor:not-allowed}.tracking-location{min-height:20px;margin:14px 0 8px;font-size:12px;line-height:1.45;color:var(--ink)}.tracking-map{display:inline-flex;gap:7px;color:#275b83;font:700 12px 'DM Sans',sans-serif}.tracking-note{margin:17px 0 0;padding-top:12px;border-top:1px solid var(--line);color:var(--muted);font-size:10px;line-height:1.45}@keyframes tracking-pulse{50%{box-shadow:0 0 0 8px rgba(45,155,89,0)}}@media(max-width:520px){.tracking-dialog{padding:23px 18px}.tracking-dialog h2{font-size:29px}}
.tracking-dialog{width:min(510px,92vw)}.tracking-dialog form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tracking-dialog form label{display:grid;gap:6px;font-size:11px;font-weight:700}.tracking-dialog form input{width:100%;box-sizing:border-box;min-height:41px;border:1px solid var(--line);padding:9px;font:500 13px 'DM Sans',sans-serif}.tracking-dialog form .button{grid-column:1/-1;min-height:42px}.tracking-status{margin-top:15px}.train-tracking-result{margin-top:12px;border:1px solid var(--line);padding:14px}.train-result-head{display:flex;justify-content:space-between;gap:10px}.train-result-head span,.train-result-head strong{display:block}.train-result-head span,.train-route small{color:var(--muted);font:700 9px 'DM Sans',sans-serif;letter-spacing:.08em}.train-result-head strong{margin-top:3px;font-size:15px}.train-running{height:max-content;padding:5px 7px;background:#eaf7ed;color:#1d7c42;font:700 10px 'DM Sans',sans-serif}.train-progress{height:5px;margin:16px 0 13px;background:#e8ece7}.train-progress i{display:block;height:100%;background:#2d9b59}.train-route{display:grid;grid-template-columns:1fr 1fr;gap:12px}.train-route strong,.train-route span{display:block}.train-route strong{margin-top:4px;font-size:13px}.train-route span{margin-top:3px;color:var(--muted);font-size:10px}@media(max-width:520px){.tracking-dialog form{grid-template-columns:1fr}}
.train-boarding{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;padding-top:13px;border-top:1px solid var(--line)}.train-boarding>div{display:flex;gap:8px;align-items:flex-start}.train-boarding small,.train-boarding strong,.train-boarding span{display:block}.train-boarding small{color:var(--muted);font:700 9px 'DM Sans',sans-serif;letter-spacing:.08em}.train-boarding strong{margin-top:4px;font-size:12px}.train-boarding span:not(.boarding-icon){margin-top:3px;color:var(--muted);font-size:10px;line-height:1.35}.boarding-icon{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:#f8eee9;color:#ad4e56;font-size:14px}@media(max-width:380px){.train-boarding{grid-template-columns:1fr}}
.recharge-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:-10px 0 18px}.recharge-plans button{border:1px solid var(--line);background:#fff;padding:10px;text-align:left;color:var(--ink);font:700 11px/1.35 'DM Sans',sans-serif;cursor:pointer}.recharge-plans button span{display:block;color:#276b73;margin-top:3px}.recharge-plans button.selected{border-color:#276b73;background:#edf7f7;box-shadow:inset 3px 0 #276b73}@media(max-width:520px){.recharge-plans{grid-template-columns:1fr}}
.recharge-plan-details{margin:-2px 0 16px;padding:11px 12px;border-left:3px solid #276b73;background:#edf7f7}.recharge-plan-details strong{font-size:12px}.recharge-plan-details p{margin:5px 0;color:var(--ink);font-size:11px;line-height:1.45}.recharge-plan-details small{color:var(--muted);font-size:9px;line-height:1.35}
.music-discovery{display:grid;gap:6px;margin-top:4px}.music-discovery-links{display:flex;flex-wrap:wrap;gap:16px}.music-discovery-links a{text-decoration:underline;text-underline-offset:3px}
.shagram-music-editor{grid-column:1/-1;width:100%;min-width:0}.shagram-music-editor>summary{cursor:pointer;font-size:14px;padding:6px 0;color:var(--ink);list-style-position:inside}.shagram-music-editor>summary small{font-size:12px;overflow-wrap:anywhere}.shagram-music-editor .shagram-music-picker{margin:8px 0 0;padding:10px;border:1px solid var(--line);border-radius:10px}.shagram-music-editor audio{max-width:100%;height:36px}.music-more-options>summary{cursor:pointer;font-size:12px;padding:6px 0}.music-more-options .music-filters{margin:6px 0}.shagram-music-editor:not([open])>.shagram-music-picker{display:none}
.shagram-dialog .shagram-edit-controls{display:flex;flex-direction:column;gap:8px}.shagram-edit-controls>details{border:1px solid var(--line);border-radius:12px;padding:8px}.shagram-edit-controls summary{cursor:pointer;font-weight:600;padding:5px}.shagram-edit-controls details label{display:flex;align-items:center;gap:10px;font-size:12px;margin:8px 0}.shagram-edit-controls input[type=range]{min-width:0;flex:1}.sticker-palette{display:flex;flex-wrap:wrap;gap:6px;padding:6px 0}.shagram-edit-controls .sticker-palette button{width:42px;height:42px;padding:3px;font-size:25px;border:1px solid var(--line);border-radius:10px;background:transparent;cursor:pointer}.sticker-palette button[aria-pressed=true]{outline:2px solid #6366f1;background:#e9e5ff}.shagram-dialog .shagram-edit-canvas{max-height:42vh;width:auto;max-width:100%;display:block;margin:auto;touch-action:none}.shagram-edit-controls>button[type=submit]{border-radius:12px;padding:10px;background:#6366f1;color:white}
.shagram-editor-toolbar{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px;margin-top:4px;border-radius:14px;background:var(--surface,#fff9ef);position:sticky;top:0;z-index:1}.shagram-editor-toolbar button{width:42px;height:42px;border:0;border-radius:10px;background:transparent;font-size:24px;cursor:pointer;color:inherit}.shagram-editor-toolbar button[aria-pressed=true]{background:#e5e0ff;box-shadow:inset 0 0 0 2px #6366f1}.shagram-tool-panel[hidden]{display:none!important}.shagram-tool-panel{padding:8px;border:1px solid var(--line);border-radius:12px}.shagram-tool-panel input[type=text]{width:100%;box-sizing:border-box}.shagram-tool-panel .shagram-music-picker{margin:0}.shagram-tool-panel input[type=color]{width:44px;height:36px;padding:2px}
.sticker-palette-all{max-height:220px;overflow-y:auto;align-content:flex-start;scrollbar-gutter:stable;overscroll-behavior:contain}
.shagram-text-options{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0}.shagram-edit-controls .shagram-text-options label{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:0}.shagram-text-options input[type=number]{width:68px}.shagram-text-options select{max-width:150px}.shagram-text-options button{min-width:36px;min-height:36px;border-radius:8px}.shagram-text-options button[aria-pressed=true]{background:#e5e0ff;outline:2px solid #6366f1}
.shagram-adjust-icons{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.shagram-adjust-icons button{width:38px;height:38px;border:1px solid var(--line);border-radius:9px;background:transparent;font-size:21px;cursor:pointer}.shagram-adjust-icons button[aria-pressed=true]{background:#e5e0ff;outline:2px solid #6366f1}.shagram-edit-controls .shagram-adjust-icons+label{display:grid;grid-template-columns:1fr auto;gap:6px}.shagram-adjust-icons+label input{grid-row:2;grid-column:1/-1;width:100%;margin:0}.shagram-adjust-icons+label output{grid-column:2;grid-row:1;font-variant-numeric:tabular-nums}
.shagram-image-stage{position:relative;width:fit-content;max-width:100%;margin:0 auto}.shagram-image-stage .shagram-editor-toolbar{position:absolute;top:auto;bottom:8px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 12px);box-sizing:border-box;gap:4px;padding:4px;margin:0;background:rgba(255,249,239,.9);backdrop-filter:blur(8px);box-shadow:0 2px 12px #0002;border-radius:14px}.shagram-image-stage .shagram-editor-toolbar button{width:clamp(25px,5vw,38px);height:34px;font-size:21px;padding:0;flex-shrink:1}.shagram-edit-controls>button[type=submit]:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.shagram-image-stage .shagram-editor-toolbar .shagram-apply-icon{background:#6366f1;color:white;font-weight:700;border-radius:50%}.shagram-editor-toolbar .shagram-apply-icon[hidden]{display:none!important}.shagram-editor-toolbar .shagram-apply-icon:disabled{opacity:.5;cursor:wait}
.shagram-editor-toolbar button[hidden]{display:none!important}
.shagram-image-stage .shagram-floating-stickers{position:absolute;bottom:56px;left:50%;transform:translateX(-50%);width:360px;max-width:calc(100% - 12px);max-height:calc(100% - 64px);box-sizing:border-box;padding:6px;background:rgba(255,249,239,.96);backdrop-filter:blur(8px);box-shadow:0 4px 18px #0003;z-index:2;overflow-y:auto;border-radius:14px}.shagram-floating-stickers .sticker-palette-all{max-height:170px;gap:4px;padding:0;justify-content:center}.shagram-floating-stickers .sticker-palette button{width:36px;height:36px;padding:2px;font-size:24px;border:1px solid var(--line);border-radius:8px;background:transparent;cursor:pointer}
.shagram-image-stage>.shagram-tool-panel{position:absolute;bottom:56px;left:50%;transform:translateX(-50%);width:360px;max-width:calc(100% - 12px);max-height:calc(100% - 64px);box-sizing:border-box;padding:8px;background:transparent;border:0;box-shadow:none;backdrop-filter:none;z-index:2;overflow-y:auto;overscroll-behavior:contain;border-radius:12px;color:white;text-shadow:0 1px 3px #000,0 0 4px #000}.shagram-image-stage>.shagram-tool-panel .shagram-music-picker{background:transparent;border:0;padding:0;color:inherit}.shagram-image-stage>.shagram-tool-panel .sticker-palette button{background:transparent}.shagram-image-stage>.shagram-tool-panel input:not([type=range]):not([type=color]),.shagram-image-stage>.shagram-tool-panel select{background:rgba(255,255,255,.85);color:#17203a;text-shadow:none;max-width:100%;box-sizing:border-box}.shagram-image-stage>.shagram-tool-panel a{color:#fff;text-decoration:underline}.shagram-image-stage>.shagram-tool-panel button{color:inherit;text-shadow:inherit}.shagram-image-stage>.shagram-tool-panel button[aria-pressed=true]{background:rgba(99,102,241,.65)}.shagram-image-stage>.shagram-tool-panel audio{width:100%;max-width:100%;height:34px}.shagram-image-stage>.shagram-tool-panel .music-filters{flex-wrap:wrap}.shagram-image-stage>.shagram-tool-panel .shagram-adjust-icons{gap:4px;justify-content:center}.shagram-image-stage>.shagram-tool-panel .sticker-palette{justify-content:center}
.shagram-composer-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:0 0 8px;grid-column:1/-1}.shagram-composer-actions .shagram-refresh-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;padding:0;border:0;border-radius:50%;background:transparent;color:#6366f1;font-size:28px;line-height:1;cursor:pointer}.shagram-composer-actions .shagram-refresh-icon:hover{background:#6366f11a}.shagram-composer-actions .shagram-refresh-icon:focus-visible{outline:2px solid #6366f1;outline-offset:2px}
.shagram-composer-actions .shagram-own-profile{margin-left:auto;padding:0;width:42px;height:42px;min-width:42px;border-radius:50%;overflow:hidden;border:2px solid #8b5cf6;background:#eee7ff;color:#5b21b6;font-size:20px;font-weight:700}.shagram-own-profile img,.shagram-profile-portrait img{width:100%;height:100%;object-fit:cover;display:block}.shagram-profile-header{display:flex;gap:22px;align-items:center;margin:20px 0}.shagram-profile-portrait{width:88px;height:88px;flex-shrink:0;border-radius:50%;overflow:hidden;background:#eee7ff;color:#5b21b6;display:grid;place-items:center;font-size:36px;border:3px solid #8b5cf6}.shagram-profile-header h3{margin:0 0 12px}.shagram-profile-header .profile-counts{gap:18px}.shagram-public-bio{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:18px}.shagram-profile-view>details>summary{cursor:pointer;padding:10px;border:1px solid var(--line);border-radius:8px}.shagram-profile-view{width:min(620px,90vw)}
.shagram-composer-actions .shagram-own-profile{margin-left:0;margin-right:auto}
.shagram-composer-actions .shagram-own-profile{margin-right:0}.shagram-composer-actions .shagram-refresh-icon{margin-left:auto;flex-shrink:0}.shagram-inline-profile{min-width:0;max-width:calc(100% - 100px);display:flex;flex-direction:column;gap:4px;text-align:left;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit}.shagram-inline-profile>span{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shagram-inline-profile small{display:flex;flex-wrap:wrap;gap:10px;font-size:12px}.shagram-inline-profile[hidden]{display:none}
/* Homepage header: identical hit areas and optical icon sizes. */
html body.homepage header.site-header.app-topbar :is(.header-actions,.admin-actions) :is(.header-signup,#signInButton,.header-chat-symbol,.cart-symbol,#language-control,.theme-icon-button,.account-profile,.account-profile-trigger,.signout-symbol),html body.homepage header.site-header.app-topbar>.mobile-menu-toggle{box-sizing:border-box;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;flex:0 0 40px!important;padding:0!important;margin:0!important;display:inline-flex;align-items:center;justify-content:center;border-radius:10px}
html body.homepage header.site-header.app-topbar .header-actions{gap:4px;align-items:center}
html body.homepage header.site-header.app-topbar .header-actions :is(svg,img),html body.homepage header.site-header.app-topbar>.mobile-menu-toggle svg{width:22px!important;height:22px!important;object-fit:contain;flex-shrink:0}
html body.homepage header.site-header.app-topbar #language-control select{width:40px!important;height:40px!important;min-height:40px!important}
html body.homepage header.site-header.app-topbar :is(.header-signup,#signInButton){border:0!important;background:transparent!important;color:var(--ink)!important;box-shadow:none!important}
html body.homepage header.site-header.app-topbar #cartButton{position:relative}
html body.homepage header.site-header.app-topbar :is(#signInButton,.header-signup) svg{color:var(--ink)!important;stroke:currentColor!important}
@media(max-width:600px){html body.homepage header.site-header.app-topbar #signInButton{background:#eee5f7!important;color:#684096!important;border:1px solid #d9c6e9!important}html body.homepage header.site-header.app-topbar #signInButton::before{width:22px;height:22px;background-color:currentColor;background-image:none;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h5a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-5M10 17l5-5-5-5M15 12H3'/%3E%3C/svg%3E") center/contain no-repeat}html body.homepage header.site-header.app-topbar #signInButton:hover{background:#e2d2ef!important}}
/* Preserve the agreed auth icons on desktop as well as narrow screens. */
html body.homepage header.site-header.app-topbar :is(#signInButton,.header-signup){font-size:0!important;gap:0!important;line-height:1!important}
html body.homepage header.site-header.app-topbar :is(#signInButton,.header-signup)::before{content:'';display:block;width:22px!important;height:22px!important;flex:0 0 22px;background:currentColor!important;mask-position:center;mask-size:contain;mask-repeat:no-repeat}
html body.homepage header.site-header.app-topbar .header-signup::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='7' r='3'/%3E%3Cpath d='M2.5 20c0-3.3 2.45-6 5.5-6 1.75 0 3.3.9 4.3 2.25M18 9v7M14.5 12.5h7'/%3E%3C/svg%3E")}
html body.homepage header.site-header.app-topbar #signInButton::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h5a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-5M10 17l5-5-5-5M15 12H3'/%3E%3C/svg%3E")}
html body.homepage header.site-header.app-topbar :is(#signInButton,.header-signup):hover{background:var(--icon-hover,#eee5f7)!important}
html body.homepage header.site-header.app-topbar :is(#signInButton,.header-signup):focus-visible{outline:2px solid currentColor;outline-offset:2px}
/* Keep compact header actions visually level, including generated auth icons. */
@media(max-width:600px){
html body.homepage header.site-header.app-topbar .header-actions{gap:4px!important;background:transparent!important}
html body.homepage header.site-header.app-topbar .header-actions :is(.header-signup,#signInButton,.header-chat-symbol,.cart-symbol,#language-control){border:1px solid transparent!important;background:transparent!important;box-shadow:none!important;line-height:1!important;vertical-align:middle;transform:none!important}
html body.homepage header.site-header.app-topbar .header-actions :is(.header-signup,#signInButton)::before{width:22px!important;height:22px!important;flex:0 0 22px;margin:0!important}
html body.homepage header.site-header.app-topbar .header-actions :is(.header-signup,#signInButton,.header-chat-symbol,.cart-symbol,#language-control):hover{background:var(--icon-hover,#eee5f7)!important}
html body.homepage header.site-header.app-topbar .header-actions :is(.header-signup,#signInButton,.header-chat-symbol,.cart-symbol):focus-visible{outline:2px solid currentColor;outline-offset:2px}
}

/* Shared profile menu: compact, consistent actions without changing the topbar. */
html body header .account-profile-popover{
  width:272px;max-width:calc(100vw - 24px);box-sizing:border-box;
  padding:16px;border:1px solid var(--line,#ded8e4);border-radius:18px;
  background:var(--cream,#fffaf3);color:var(--ink,#20243c);
  box-shadow:0 16px 44px #20133324;max-height:calc(100dvh - 132px);overflow:auto;
}
html body header .account-profile-popover>strong{font:700 16px/1.4 'DM Sans',sans-serif;overflow-wrap:anywhere;margin:0 4px 6px}
html body header .account-profile-popover>small{display:table;margin:0 4px 14px;padding:4px 9px;border-radius:20px;background:#8546b312;color:var(--ink,#20243c);font:600 11px/1.4 'DM Sans',sans-serif}
html body header .account-profile-popover>:is(button,.account-photo-upload){
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  width:100%;min-height:44px;box-sizing:border-box;margin:4px 0;padding:11px 12px;
  border:1px solid transparent;border-radius:10px;box-shadow:none;
  background:transparent;color:var(--ink,#20243c);text-align:left;white-space:normal;
  font:600 13px/1.5 'DM Sans',sans-serif;cursor:pointer;transition:background .15s ease,border-color .15s ease;
}
html body header .account-profile-popover>:is(button,.account-photo-upload)::after{content:'›';font:400 22px/1 sans-serif;opacity:.5;flex:none}
html body header .account-profile-popover>:is(button,.account-photo-upload):hover{background:var(--icon-hover,#eee5f7);border-color:#8546b322}
html body header .account-profile-popover>:is(button,.account-photo-upload):focus-visible{outline:2px solid #8546b3;outline-offset:2px;background:var(--icon-hover,#eee5f7)}
html body header .account-profile-popover>.account-profile-status:empty{display:none}
html body header .account-profile-popover>.account-profile-status:not(:empty){margin:8px 4px;font-size:12px}
@media(prefers-reduced-motion:reduce){html body header .account-profile-popover>:is(button,.account-photo-upload){transition:none}}

html body.admin-page .workspace-topbar .admin-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
html body.admin-page .workspace-topbar .admin-actions>:is(a,button,div){align-self:center}
html body.admin-page .workspace-topbar .admin-actions>:is(a,button):not(.feedback-staff-link),html body.admin-page .workspace-topbar .account-profile-trigger{min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}
html body.admin-page #overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
html body.admin-page #overview>article{padding:20px;min-width:0;display:grid;grid-template-rows:auto 1fr auto;gap:10px;margin:0}
html body.admin-page #overview>article[hidden]{display:none!important}
html body.admin-page #overview>article strong{font-size:36px;line-height:1.2;margin:0}
html body.admin-page #overview>article small{margin:0;line-height:1.4}
html body.admin-page .directory-controls{display:grid;grid-template-columns:minmax(0,2fr) minmax(160px,1fr);gap:16px;align-items:start}
html body.admin-page .directory-controls label{min-width:0;margin:0}
html body.admin-page .directory-controls :is(input,select){box-sizing:border-box;width:100%;min-height:44px}
html body.admin-page #accounts .table-heading{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
html body.admin-page #accounts .table-heading>div{flex:1}
html body.admin-page #accounts .table-wrap{overflow-x:auto}
html body.admin-page .admin-grid{min-width:0;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
html body.admin-page .admin-grid>section{min-width:0;max-width:100%;box-sizing:border-box}
@media(max-width:1000px){html body.admin-page .admin-grid{grid-template-columns:minmax(0,1fr)}}
html body.admin-page #accounts table{min-width:850px}
@media(max-width:600px){
  html body.admin-page #accounts table{display:block;min-width:0;width:100%}
  html body.admin-page #accounts thead{display:none}
  html body.admin-page #accountRows{display:block;width:100%}
  html body.admin-page #accountRows tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:16px 0;border-bottom:1px solid var(--line,#ddd)}
  html body.admin-page #accountRows td{display:block;width:auto!important;min-width:0;padding:0!important;border:0;white-space:normal;overflow-wrap:anywhere}
  html body.admin-page #accountRows td:first-child,html body.admin-page #accountRows td:last-child{grid-column:1/-1}
  html body.admin-page #accountRows td::before{display:block;font-size:10px;color:var(--muted);margin-bottom:4px}
  html body.admin-page #accountRows td:nth-child(2)::before{content:'MEMBER ID'}
  html body.admin-page #accountRows td:nth-child(3)::before{content:'ROLE'}
  html body.admin-page #accountRows td:nth-child(4)::before{content:'CONTACT'}
  html body.admin-page #accountRows td:nth-child(5)::before{content:'CREATED'}
  html body.admin-page #accountRows td:nth-child(6)::before{content:'VISIBILITY / LOGIN'}
}
html body.admin-page .taxonomy-manager #taxonomyList{display:flex;flex-direction:column;gap:0;width:100%;min-width:0}
html body.admin-page .taxonomy-list article,html body.admin-page .taxonomy-columns{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.2fr) minmax(190px,.9fr);gap:16px;align-items:center;padding:16px 0;width:100%;box-sizing:border-box;border-bottom:1px solid var(--line)}
html body.admin-page .taxonomy-columns{font-weight:700;color:var(--ink)}
html body.admin-page [data-admin-panel][hidden],html body.admin-page .admin-grid[hidden],html body.admin-page #taxonomyList article[hidden]{display:none!important}
html body.admin-page .admin-grid{grid-template-columns:minmax(0,1fr)}
html body.admin-page .admin-page-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:12px;background:var(--cream,#fffaf3);border:1px solid var(--line);border-radius:14px}
html body.admin-page .admin-page-nav a{padding:12px 16px;border-radius:9px;text-decoration:none;color:var(--ink);font-size:13px;font-weight:600}
html body.admin-page .admin-page-nav a[aria-current="page"]{background:var(--ink,#20243c);color:var(--cream,#fffaf3)}
html body.admin-page .taxonomy-pagination{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:end;gap:16px;padding:16px 0}
html body.admin-page .taxonomy-pagination label{flex:1;min-width:200px;font-size:13px}
html body.admin-page .taxonomy-pagination input{width:100%;box-sizing:border-box;margin-top:8px}
html body.admin-page .taxonomy-page-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px}
html body.admin-page .taxonomy-page-buttons button{padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--cream);color:var(--ink);cursor:pointer}
html body.admin-page .taxonomy-page-buttons button:disabled{opacity:.45;cursor:default}
html body.admin-page .taxonomy-columns>span{padding:0;border:0}
html body.admin-page .taxonomy-cell>:is(b,span){display:block;padding:8px 0;border:0;overflow-wrap:break-word}
html body.admin-page .taxonomy-row-actions{display:flex;flex-wrap:wrap;gap:6px;margin:0}
html body.admin-page .taxonomy-status{display:block;color:var(--muted);font-size:12px}
html body.admin-page .taxonomy-list article>:is(b,span){border-bottom:0;grid-column:auto;overflow-wrap:break-word}
html body.admin-page .taxonomy-list article>*{min-width:0;margin:0;overflow-wrap:anywhere}
html body.admin-page .taxonomy-list .taxonomy-services{grid-column:auto;padding:0;background:transparent}
html body.admin-page .taxonomy-services summary{cursor:pointer;font-size:13px;padding:8px 0}
html body.admin-page .taxonomy-services ul{list-style:none;margin:0;padding:0}
html body.admin-page .taxonomy-services li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--line,#ddd)}
html body.admin-page .taxonomy-services li span{flex:1;min-width:0;border:0;padding:0;font-size:13px;overflow-wrap:break-word}
html body.admin-page .taxonomy-services li button{flex:none}
html body.admin-page .taxonomy-services li:first-child{border-top:0;padding-top:0}
html body.admin-page :is(.moderation-actions,.taxonomy-list){font-size:13px}
html body.admin-page .moderation-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
html body.admin-page :is(.moderation-actions,.taxonomy-list) button{padding:8px 10px;min-height:40px;border:1px solid var(--line,#ddd);border-radius:8px;background:var(--cream,#fffaf3);color:var(--ink);font:600 12px/1.4 sans-serif;cursor:pointer}
html body.admin-page :is(.moderation-actions,.taxonomy-list) button:hover{background:var(--icon-hover,#eee5f7)}
html body.admin-page .moderation-history{width:min(640px,calc(100vw - 24px));max-height:80dvh;overflow:auto;border-radius:16px;padding:20px;box-sizing:border-box}
html body.admin-page .moderation-history article{padding:12px 0;border-bottom:1px solid #ddd;overflow-wrap:anywhere}
@media(max-width:800px){html body.admin-page #overview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){html body.admin-page .taxonomy-columns{display:none}html body.admin-page .taxonomy-list article{grid-template-columns:minmax(0,1fr);gap:16px}html body.admin-page .taxonomy-cell::before{content:attr(data-column);display:block;margin-bottom:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}}
@media(max-width:480px){html body.admin-page .directory-controls{grid-template-columns:1fr}html body.admin-page #overview>article{padding:14px}html body.admin-page .workspace-topbar .admin-actions{gap:4px}}
@media(max-width:600px){html body.admin-page header.workspace-topbar{display:flex;flex-wrap:wrap!important;height:auto!important;gap:8px!important;padding:10px 12px!important}html body.admin-page header.workspace-topbar>.admin-actions{flex:1 0 100%!important;width:100%!important;max-width:100%!important;justify-content:space-between!important;margin:0!important;position:static!important}html body.admin-page header.workspace-topbar .admin-actions #feedbackLauncher{font-size:12px;min-height:40px;padding:8px;white-space:nowrap}}
.converter-dialog{box-sizing:border-box;width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:20px;border:1px solid #dce4d9;border-radius:24px;box-shadow:0 24px 80px #142b3540;color:var(--ink)}
.converter-dialog::backdrop{background:#142b3566;backdrop-filter:blur(4px)}
.converter-dialog .eyebrow{margin:0 48px 6px 0;font-size:10px;letter-spacing:.14em}
.converter-dialog h2{font-size:28px;line-height:1.15;margin:0 48px 6px 0}
.converter-dialog .converter-copy{font-size:13px;line-height:1.4;margin:0 0 16px}
.converter-dialog .converter-close{display:grid;place-items:center;top:16px;right:16px;width:44px;height:44px;padding:0;border:1px solid #dce4d9;border-radius:50%;font-size:24px;cursor:pointer}
.converter-dialog .converter-selects{gap:12px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #dce4d9}
.converter-dialog label{display:grid;gap:8px;font-size:13px;font-weight:600;min-width:0}
.converter-dialog input,.converter-dialog select{box-sizing:border-box;min-height:48px;max-width:100%;border:1px solid #ccd6cc;border-radius:12px;padding:10px 12px;font-size:16px}
.converter-dialog #converterForm{margin:0;gap:0}
.converter-dialog #converterFields{gap:12px}
.converter-dialog #converterFields.converter-timezone-fields{grid-template-columns:minmax(0,1fr)}
.converter-dialog .converter-timezone-fields input,.converter-dialog .converter-timezone-fields select{width:100%;min-width:0}
.converter-zone-picker{position:relative}
.converter-dialog .converter-zone-picker input{padding-right:48px;font-weight:500}
.converter-dialog .converter-zone-toggle{position:absolute;right:1px;top:1px;width:42px;height:42px;min-height:42px;padding:0;margin:0;border:0;background:transparent;color:#527590;font-size:24px;cursor:pointer}
.converter-zone-options{max-height:176px;overflow:auto;border:1px solid #ccd6cc;border-radius:10px;background:var(--cream,#fffdf3);padding:4px;box-shadow:0 4px 12px #203d5614}
.converter-zone-options [role=option],.converter-zone-empty{padding:9px 12px;font:400 14px/1.4 'DM Sans',sans-serif;border-radius:6px;cursor:pointer}
.converter-zone-options [role=option]:hover,.converter-zone-options [aria-selected=true]{background:#e8eddc;color:#203d56}
.converter-dialog #converterFields.converter-unit-fields{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);column-gap:10px;align-items:end}
.converter-dialog .converter-unit-fields>.converter-value-field{grid-column:1/-1}
.converter-dialog #converterValue{font-size:16px;font-weight:600;height:44px;min-height:44px;padding:8px 10px;line-height:1.4}
.converter-dialog #converterFields>.converter-swap{grid-column:auto;width:44px;height:48px;min-height:44px;margin:0;padding:0;border:1px solid #ccd6cc;border-radius:12px;background:transparent;color:inherit;font:600 26px 'DM Sans',sans-serif;cursor:pointer;display:grid;place-items:center}
.converter-dialog .converter-swap[hidden]{display:none}
.converter-dialog .converter-result-label{display:block;margin-top:12px;font-size:12px;font-weight:700;color:var(--muted)}
.converter-dialog #converterFields>.converter-birth-date{grid-column:1/-1;display:grid;gap:8px}
.converter-dialog .converter-date-controls{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;align-items:center}
.converter-dialog .converter-date-help{display:grid;place-items:center;min-width:44px;width:44px;height:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:#56788e;cursor:pointer}
.converter-dialog .converter-date-help:hover{background:#e8eddc}
.converter-dialog .converter-birth-date .converter-help-card{box-sizing:border-box;justify-self:end;width:fit-content;max-width:min(240px,100%);padding:6px 8px;background:#f0f7ff;color:#203d56;border:1px solid #cbdfea;border-left:2px solid #5485a7;border-radius:8px;font:400 12px/1.35 'DM Sans',sans-serif;box-shadow:0 3px 10px #203d561a}
.converter-dialog .converter-birth-date input[type=date]{width:100%;min-width:0;min-height:48px;padding:8px 12px;font-size:18px;letter-spacing:.04em;color:var(--ink);color-scheme:light}
.converter-dialog .converter-birth-date input::-webkit-calendar-picker-indicator{width:26px;height:26px;padding:6px;cursor:pointer;border-radius:8px;background-color:#e8eddc}
.converter-dialog .converter-birth-date small{font-size:12px;font-weight:400;line-height:1.5;color:var(--muted)}
.converter-dialog .converter-result{margin-top:6px;padding:12px 14px;border:1px solid #dce4d9;border-radius:12px;font-size:20px;line-height:1.4;overflow-wrap:anywhere}
.converter-dialog :is(button,input,select):focus-visible{outline:3px solid #496cba;outline-offset:3px}
.converter-dialog{padding:16px}
#business.vendor-grid>.vendor-preview:not(.vendor-product-browser):not(.vendor-media-panel){position:static;top:auto;max-height:none;overflow:visible}
/* Keep profile content first, with an independent desktop actions column. */
html body.admin-page #business.vendor-grid{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}
#business.vendor-grid>.create-card{order:0;min-width:0}
#business.vendor-grid>aside.vendor-preview{order:1;min-width:0}
#business.vendor-grid>.vendor-product-browser,#business.vendor-grid>.vendor-media-panel{order:2;min-width:0}
#business.vendor-grid>aside.vendor-preview .vendor-quick-actions{display:grid;grid-template-columns:1fr;gap:10px}
#business.vendor-grid .vendor-transport-action{margin:10px 0 0}
#business.vendor-grid .vendor-transport-action a{display:flex;justify-content:space-between;gap:8px;width:100%;min-width:0;box-sizing:border-box;padding:11px 12px;font-size:10px;white-space:normal;background:#a9cbb4;color:#182a23;border:0;box-shadow:4px 4px 0 #50765e}
#business.vendor-grid .vendor-transport-action a:hover{background:#c1dfca;box-shadow:2px 2px 0 #50765e;transform:translate(2px,2px)}
#business.vendor-grid .vendor-transport-action a:focus-visible{outline:3px solid #fff;outline-offset:4px}
#business.vendor-grid .vendor-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
#business.vendor-grid .vendor-action-grid .vendor-quick-actions:not([hidden]),#business.vendor-grid .vendor-action-grid .vendor-transport-action{display:contents}
#business.vendor-grid .vendor-action-grid .vendor-quick-actions[hidden]{display:none}
#business.vendor-grid .vendor-action-grid a.button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:82px;width:100%;padding:10px 8px;margin:0;box-sizing:border-box;font-size:13px;line-height:1.4;text-align:center;white-space:normal;overflow-wrap:anywhere;border-radius:12px;box-shadow:none}
#business.vendor-grid .vendor-action-grid a.button svg{width:30px;height:30px;flex-shrink:0;filter:drop-shadow(0 1px 1px #00000012)}
#business.vendor-grid .vendor-action-grid a.button:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:600px){
 html body.admin-page header.workspace-topbar.vendor-compact-topbar{flex-wrap:nowrap!important;gap:6px!important}
 html body.admin-page header.vendor-compact-topbar>.admin-actions{flex:0 1 auto!important;width:auto!important;margin-left:auto!important;flex-wrap:nowrap!important;gap:4px!important;justify-content:flex-end!important}
}
.vendor-menu-settings{display:flex;align-items:center;gap:18px;padding:12px;border-top:1px solid var(--line)}
.vendor-menu-settings[hidden]{display:none}
.vendor-menu-settings>:is(button,a){min-width:44px;min-height:44px}
@media(min-width:901px){
 html body.admin-page #business.vendor-grid{grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:24px}
 #business.vendor-grid>.create-card{grid-column:1}
 #business.vendor-grid>aside.vendor-preview{grid-column:2;grid-row:1;padding:24px}
 html body.admin-page #business.vendor-grid{row-gap:18px}
 #business.vendor-grid:has(>.create-card[hidden])>.approved-details{align-self:stretch}
 #business.vendor-grid>.vendor-product-browser,#business.vendor-grid>.vendor-media-panel{grid-column:1 / -1}
}
.vendor-taxonomy-warning{margin:0;padding:10px 12px;border-left:3px solid #b7791f;border-radius:8px;background:#fff4d6;color:#654711;font-size:13px;line-height:1.5}
.converter-dialog .eyebrow{display:none}
.converter-dialog h2{font-size:24px;margin:0 48px 14px 0;line-height:32px}
.converter-dialog .converter-copy{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.converter-dialog .converter-close{top:10px;right:10px}
.converter-dialog .converter-selects{padding-bottom:8px;margin-bottom:8px;gap:10px}
.converter-dialog label{gap:4px}
.converter-dialog input,.converter-dialog select{min-height:44px;padding:8px 10px}
.converter-dialog #converterFields>.converter-birth-date{gap:4px}
.converter-dialog .converter-birth-date input[type=date]{min-height:44px;padding:4px 10px;font-size:16px}
.converter-dialog .converter-birth-date input::-webkit-calendar-picker-indicator{width:22px;height:22px;padding:4px}
/* Vendor workspace: ivory, forest green and restrained gold. */
body.admin-page:has(#vendorProfileForm){--ink:#173f35;--cream:#f7f5ef;--muted:#59665f;--line:#d5dfd6;--lime:#376b55;--accent-start:#376b55;--accent-end:#173f35;--accent-ink:#fff;background:#f7f5ef;color:#263b32}
body:has(#vendorProfileForm) .admin-main{background:#f7f5ef}
body:has(#vendorProfileForm) .admin-sidebar,body:has(#vendorProfileForm) header.workspace-topbar{background:#f7f5ef;border-color:#d5dfd6}
body:has(#vendorProfileForm) #business>.create-card,body:has(#vendorProfileForm) #business>.vendor-product-browser{background:#fff!important;color:#263b32;border:1px solid #d5dfd6;border-radius:14px;box-shadow:0 8px 24px #173f3509}
body:has(#vendorProfileForm) #business>.approved-details .form-lede,body:has(#vendorProfileForm) #business>.approved-details .eyebrow,body:has(#vendorProfileForm) .approved-details-grid span{color:#59665f!important}
body:has(#vendorProfileForm) #business .approved-compliance{color:#263b32!important}
body:has(#vendorProfileForm) #business>aside.vendor-preview{background:#173f35;color:#f7f5ef;border:1px solid #31594a;border-radius:14px;box-shadow:0 8px 24px #173f3510}
body:has(#vendorProfileForm) #business .vendor-action-grid a.button{background:#edf2e9!important;color:#173f35!important;border:1px solid #dce7dc;box-shadow:none!important;--transport-icon-wheel:#edf2e9}
body:has(#vendorProfileForm) #business .vendor-action-grid a.button:hover{background:#dce8d9!important;transform:translateY(-1px);--transport-icon-wheel:#dce8d9}
body:has(#vendorProfileForm) #business .vendor-action-grid a.button:focus-visible{outline:3px solid #c4aa6d;outline-offset:3px}
body:has(#vendorProfileForm) .combined-fees{border-top-color:#b69b60}
body:has(#vendorProfileForm) .combined-fees>.eyebrow{color:#dfc587}
body:has(#vendorProfileForm) .fee-breakdown>div,body:has(#vendorProfileForm) .combined-fees>p:not(.eyebrow){color:#e1ebe3}
body:has(#vendorProfileForm) .fee-breakdown .fee-total{border-color:#648174}
body:has(#vendorProfileForm) .approved-profile-edit{border:1px solid #173f35;border-radius:7px;color:#173f35;background:#fff;min-height:36px}
body:has(#vendorProfileForm) .approved-profile-edit:hover{background:#173f35;color:#fff}
body:has(#vendorProfileForm) .vendor-product-browser :is(.eyebrow,.product-browser-item b,.product-browser-link){color:#173f35}
body:has(#vendorProfileForm) .vendor-product-browser :is(small,.product-view-controls button){color:#59665f}
body:has(#vendorProfileForm) .vendor-product-browser :is(.product-browser-item,.product-browser-link,.product-view-controls){border-color:#d5dfd6}
body:has(#vendorProfileForm) .product-view-controls button.active{background:#173f35;color:#fff}
body:has(#vendorProfileForm) #feedbackLauncher{background:#173f35;color:#fff}
.converter-dialog .converter-result-label{margin-top:8px}
.converter-dialog .converter-result{margin-top:4px;padding:8px 12px;font-size:18px}
@media(max-width:480px){.converter-dialog{padding:20px;border-radius:20px}.converter-dialog .converter-selects{grid-template-columns:1fr;gap:12px}.converter-dialog h2{font-size:28px}.converter-dialog .converter-result{font-size:20px}.converter-dialog #converterFields{grid-template-columns:1fr}.converter-dialog #converterFields.converter-unit-fields{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr)}}
.market-ticker[role="button"]{cursor:pointer}
.market-ticker[role="button"]:focus-visible{outline:3px solid #5065c9;outline-offset:-3px}
.rate-details-dialog{box-sizing:border-box;width:min(440px,calc(100vw - 32px));max-height:80dvh;overflow:auto;border:1px solid #c9ceca;border-radius:18px;padding:24px;background:#fffdf3;color:#19233e;box-shadow:0 16px 60px #0003}
.rate-details-dialog::backdrop{background:#10182c80}
.rate-details-dialog h2{margin:0 0 16px;font-size:24px}
.rate-details-content{white-space:pre-line;line-height:1.7;overflow-wrap:anywhere}
.rate-details-dialog button{min-height:44px;min-width:88px;padding:10px 20px;border:0;border-radius:10px;background:#19233e;color:white;font:inherit;cursor:pointer}
body.homepage.auth-loading .header-actions :is(#signInButton,.header-signup){visibility:hidden!important;pointer-events:none!important}
/* Homepage icon system: consistent strokes, generous hit areas, restrained colour. */
html body.homepage header.site-header.app-topbar .brand .brand-mark{width:54px!important;height:54px!important;min-width:54px!important;max-height:54px!important;background-size:contain!important;background-position:center!important;border-radius:12px!important;background-color:white!important;box-shadow:0 2px 8px #18392b12!important}
html body.homepage header.site-header.app-topbar .header-actions :is(.header-signup,#signInButton,.header-chat-symbol,.cart-symbol,.signout-symbol){border-radius:12px!important;color:#203b46!important;background:#ffffff70!important;border:1px solid #203b4612!important}
html body.homepage header.site-header.app-topbar .header-actions :is(.header-signup,#signInButton,.header-chat-symbol,.cart-symbol,.signout-symbol):hover{background:#e1eee7!important;border-color:#9bbbae!important}
body.homepage .home-product-search{min-height:56px!important;height:56px!important;gap:6px!important;background:#f4f7f3!important}
body.homepage .home-product-search>button:not(.compact-location){width:44px!important;height:44px!important;min-width:44px!important;border-radius:12px!important;border:1px solid #dbe5dd!important;background:#fff!important;color:#285a48!important;box-shadow:0 1px 3px #12332208!important}
body.homepage .home-product-search>button svg{width:23px!important;height:23px!important;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.homepage .home-product-search>.blood-request-icon{color:#b34153!important;background:#fff5f5!important;border-color:#efd8dc!important}
body.homepage .home-product-search>.compact-location{height:44px!important;grid-template-columns:27px 1fr;gap:0 5px;flex-basis:115px!important}
body.homepage .home-product-search>.compact-location span{display:grid;place-items:center}
body.homepage .home-product-search>button:hover{filter:brightness(.96)}
body.homepage .home-product-search>button:focus-visible{outline:2px solid #376e59;outline-offset:2px}
@media(max-width:600px){
 body.homepage .home-product-search{padding:4px 6px!important;gap:3px!important}
 body.homepage .home-product-search>button:not(.compact-location){width:40px!important;height:44px!important;min-width:40px!important}
 body.homepage .home-product-search>.compact-location{flex-basis:90px!important}
 html body.homepage header.site-header.app-topbar .brand .brand-mark{width:46px!important;height:46px!important;min-width:46px!important;max-height:46px!important}
}
@media(max-width:400px){body.homepage .home-product-search>.compact-location{flex-basis:40px!important;width:40px!important;grid-template-columns:1fr;grid-template-rows:1fr}body.homepage .home-product-search>.compact-location :is(b,small){display:none}body.homepage .home-product-search>.compact-location span{grid-row:1}}