/* iOS-inspired inset groups and sheets; no Apple assets or external fonts. */
.storefront {
  --ios-blue:#0066d6;
  --ios-gray:#f2f2f7;
  --ios-label:#6c6c76;
  background:var(--ios-gray);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;
  -webkit-font-smoothing:antialiased;
}
.storefront .site-header { background:#ffffffeb; backdrop-filter:blur(18px); border-bottom:1px solid #d8d8df70; }
.storefront .brand { color:#1c1c1e; letter-spacing:-.025em; }
.storefront .brand-logo { border-radius:10px; }
.storefront .desktop-nav a:hover,.storefront .desktop-nav a[href="#home"] { background:#e9e9ef; }
.storefront .plain-button { color:var(--ios-blue); }
.storefront .bulletin { border:0; border-radius:16px; background:#fff; margin-top:30px; }
.storefront .bulletin summary { padding:17px 20px; font-size:14px; }
.storefront .bulletin summary span { color:var(--ios-blue); }
.storefront .section-heading h1 { color:#1c1c1e; font-size:34px; font-weight:750; letter-spacing:-.04em; }
.storefront .section-heading { margin-bottom:24px; }
.storefront .catalog-count { color:var(--ios-label); }
.storefront .catalog-layout { gap:18px; }
.storefront .search-box { background:#e7e7ed; border:0; border-radius:12px; width:min(460px,75%); }
.storefront .search-box input { height:44px; font-size:15px; color:#1c1c1e; }
.storefront .search-box input::placeholder { color:#777781; }
.storefront .search-box:focus-within { box-shadow:0 0 0 3px #0066d622; }
.storefront .category-list { width:max-content; max-width:100%; gap:3px; background:#e7e7ed; border-radius:12px; padding:4px; }
.storefront .category-button { border:0; border-radius:9px; background:transparent; font-size:13px; padding:9px 15px; color:#484850; }
.storefront .category-button.active { color:#1c1c1e; background:#fff; box-shadow:0 2px 6px #00000012; }
.storefront .category-button.active small { color:var(--ios-label); }
.storefront .product-card { background:#fff; border:1px solid #fff; border-radius:24px; box-shadow:0 3px 15px #1c1c1e04; }
.storefront .product-card:hover { border-color:#d4e5fb; box-shadow:0 6px 24px #1c1c1e09; }
.storefront .product-artwork,.storefront .single-product .product-artwork { background:linear-gradient(150deg,#59b9ff,#1689eb 65%,#0071d9); border-radius:22px; }
.storefront .product-symbol,.storefront .single-product .product-symbol { color:#fff; font-size:33px; font-weight:750; letter-spacing:-.035em; }
.storefront .artwork-caption { display:none; }
.storefront .custom-product-image { border-radius:inherit; }
.storefront .single-product .product-card { grid-template-columns:120px 1fr; column-gap:26px; padding:28px; }
.storefront .single-product .product-artwork { min-height:120px; height:120px; align-self:center; }
.storefront .single-product h4 { color:#1c1c1e; font-size:23px; letter-spacing:-.025em; line-height:1.45; }
.storefront .pill { background:transparent; color:var(--ios-blue); padding:0; font-size:12px; }
.storefront .card-duration { color:var(--ios-label); }
.storefront .single-product .product-card>p { color:var(--ios-label); font-size:14px; }
.storefront .card-bottom small { color:var(--ios-label); }
.storefront .card-bottom button,.storefront .single-product .card-bottom button { border-radius:999px; background:var(--ios-blue); min-height:44px; padding:10px 22px; font-size:13px; font-weight:600; }
.storefront .card-bottom button:hover { background:#0054b4; }
.storefront .single-product .card-bottom strong { font-size:26px; letter-spacing:-.035em; color:#1c1c1e; }
.storefront .guide { border:0; background:#fff; padding:24px; border-radius:20px; margin-top:24px; }
.storefront .guide h2,.storefront .about h2 { font-size:17px; color:#1c1c1e; }
.storefront .guide p { color:var(--ios-label); }
.storefront .about { background:transparent; padding:30px 4px; gap:40px; }
.storefront .about-note { background:transparent; }
.storefront .about p,.storefront .about-note span { color:var(--ios-label); }
.storefront footer { background:transparent; border-top:1px solid #d8d8df; }
.storefront .footer-inner { padding-top:24px; }
.storefront .floating-support { background:var(--ios-blue); border-radius:999px; box-shadow:0 6px 18px #0066d625; }
.storefront .site-dialog { border:0; border-radius:28px; background:#fff; box-shadow:0 26px 80px #00000025; }
.storefront dialog::backdrop { background:#161c2842; backdrop-filter:blur(8px); }
.storefront .dialog-inner { padding:30px; }
.storefront .dialog-head { align-items:center; margin-bottom:22px; }
.storefront .dialog-head .eyebrow { color:var(--ios-label); letter-spacing:.1em; }
.storefront .icon-button { width:32px; height:32px; border-radius:50%; background:#f0f0f5; border:0; color:#73737c; }
.storefront .site-dialog .ios-product-title { display:flex; flex-direction:column; align-items:flex-start; gap:18px; font-size:26px; font-weight:750; letter-spacing:-.025em; }
.storefront .ios-detail-icon { display:grid; place-items:center; width:76px; height:76px; border-radius:19px; background:linear-gradient(150deg,#59b9ff,#0071d9); color:#fff; font-size:24px; font-weight:750; }
.storefront .detail-product-image { float:none; width:76px; height:76px; border-radius:19px; margin:0; border:1px solid #e5e5eb; }
.storefront .detail-price { color:#1c1c1e; font-size:32px; letter-spacing:-.035em; margin:22px 0; }
.storefront .detail-meta { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; background:#e5e5eb; border-radius:16px; overflow:hidden; border:1px solid #e5e5eb; }
.storefront .detail-meta span { background:#f5f5fa; color:#555560; padding:12px 14px; font-size:12px; border:0; border-radius:0; line-height:1.6; overflow-wrap:anywhere; }
.storefront .detail-description { font-size:14px; color:#6c6c76; line-height:1.9; margin:22px 0; }
.storefront #productDialog .notice-box { border:0; background:#f2f2f7; border-radius:16px; padding:18px; color:#1c1c1e; font-size:13px; }
.storefront #productDialog .notice-box p { color:var(--ios-label); }
.storefront .primary-button { background:var(--ios-blue); border-color:var(--ios-blue); border-radius:14px; }
.storefront .primary-button:hover { background:#0054b4; }
.storefront .outline-button { border-color:#e5e5eb; border-radius:12px; }
@media(max-width:700px) {
  .storefront .bulletin { margin-top:20px; border-radius:14px; }
  .storefront .bulletin summary { padding:15px 17px; }
  .storefront .section-heading h1 { font-size:30px; }
  .storefront .search-box { width:100%; }
  .storefront .category-list { width:100%; }
  .storefront .category-button { flex:1 0 auto; text-align:center; padding:9px 12px; }
  .storefront .single-product .product-card { grid-template-columns:72px 1fr; gap:12px 16px; padding:20px; border-radius:22px; }
  .storefront .single-product .product-artwork { height:72px; min-height:72px; border-radius:17px; grid-row:1/3; align-self:start; }
  .storefront .single-product .product-symbol { font-size:22px; }
  .storefront .single-product h4 { font-size:17px; line-height:1.5; }
  .storefront .pill { font-size:11px; gap:3px 8px; }
  .storefront .single-product .card-bottom { padding-top:13px; }
  .storefront .single-product .card-bottom strong { font-size:25px; }
  .storefront .guide { padding:21px; border-radius:18px; }
  .storefront .about { padding-top:28px; }
  .storefront .site-dialog { width:calc(100% - 28px); max-height:90dvh; border-radius:26px; }
  .storefront .dialog-inner { padding:24px; max-height:90dvh; }
  .storefront .site-dialog .ios-product-title { font-size:23px; }
  .storefront .detail-meta span { font-size:11px; padding:11px; }
}
@media(prefers-reduced-transparency:reduce) {
  .storefront .site-header { background:#fff; backdrop-filter:none; }
  .storefront dialog::backdrop { backdrop-filter:none; }
}

/* Shared application appearance: shop, account, support and administration. */
:is(.storefront,.admin-theme) {
  --ios-blue:#0066d6; --ios-gray:#f2f2f7; --ios-label:#6c6c76;
  --bg:var(--ios-gray); --paper:#fff; --card:#fff; --ink:#1c1c1e;
  --muted:var(--ios-label); --line:#e5e5eb;
  --coral:var(--ios-blue); --coral-dark:#0054b4; --coral-light:#edf4ff;
  --green:var(--ios-blue); --green-light:#edf4ff;
  --violet:var(--ios-blue); --violet-dark:#0054b4; --lavender:#edf4ff;
  --danger:#bc2633;
  color:var(--ink); background:var(--bg);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;
  -webkit-font-smoothing:antialiased;
}
:is(.storefront,.admin-theme) :is(button,a,input,select,textarea):focus-visible { outline:3px solid #0066d660; outline-offset:3px; }
.storefront .field input,.storefront .field select,.storefront .field textarea,.storefront .form-feedback textarea {
  background:#f2f2f7; border:1px solid transparent; border-radius:12px; color:var(--ink); padding:13px 15px;
}
.storefront .field { font-size:13px; color:var(--ios-label); }
.storefront .field input:focus { border-color:var(--ios-blue); box-shadow:0 0 0 3px #0066d615; }
.storefront .notice-box,.storefront .order-product,.storefront .receipt { background:#f2f2f7; color:var(--ink); border:0; border-radius:16px; }
.storefront .check-row input { accent-color:var(--ios-blue); }
.storefront .site-dialog h2 { font-weight:750; letter-spacing:-.025em; }
.storefront #announcementDialog .contact-text,.storefront #contactDialog .contact-text { color:#4b4b55; font-size:14px; line-height:1.9; }
.storefront #contactDialog .contact-text { padding:18px; background:#f2f2f7; border-radius:16px; }
.storefront #contactDialog .detail-tools>* { flex:1 1 140px; text-align:center; }
.storefront .receipt strong { color:var(--ink); font-size:17px; overflow-wrap:anywhere; }
.storefront .lookup-help { border-top-color:#e5e5eb; color:var(--ios-label); }
.storefront .lookup-help strong { color:var(--ink); }
.storefront .password-toggle { color:var(--ios-blue); border-radius:9px; }
.storefront .password-toggle:hover { background:#e5e5eb; }
.storefront #toggleCustomerAuth { background:transparent; color:var(--ios-blue); border-radius:12px; min-height:44px; }
.storefront #customerAccountPanel .status-card { border:0; background:#f2f2f7; border-radius:16px; }
.storefront .account-empty,.storefront .empty-state { background:#fff; border:0; border-radius:20px; color:var(--ios-label); }
.storefront .mobile-navigation { background:#fffffff2; backdrop-filter:blur(18px); border-bottom-color:#e5e5eb; box-shadow:0 10px 30px #1c1c1e08; }
.storefront .mobile-navigation a { border-radius:10px; }
.storefront .mobile-navigation a:hover { background:#f2f2f7; }
.storefront .mobile-menu-button { background:#e9e9ef; border:0; border-radius:11px; }

.admin-theme .login-screen { background:var(--ios-gray); }
.admin-theme .login-card { border:0; border-radius:28px; padding:34px; box-shadow:0 16px 55px #1c1c1e08; }
.admin-theme .login-card h1 { font-size:29px; color:var(--ink); }
.admin-theme .brand-tile { border-radius:11px; background:linear-gradient(150deg,#59b9ff,#0071d9); }
.admin-theme .login-preview,.admin-theme .eyebrow { color:var(--ios-blue); }
.admin-theme .sidebar { background:#ffffffed; backdrop-filter:blur(18px); border:0; border-radius:24px; box-shadow:0 6px 25px #1c1c1e04; }
.admin-theme .sidebar-brand { color:var(--ink); }
.admin-theme .brand-tile, .storefront #brandMark { background:transparent; overflow:hidden; }
.admin-theme .brand-tile img, .storefront #brandMark img { display:block; width:100%; height:100%; object-fit:cover; border-radius:inherit; }
.admin-theme .nav-group { color:var(--ios-label); font-size:10px; letter-spacing:.08em; }
.admin-theme .sidebar-nav button { color:#555560; font-weight:500; border-radius:12px; padding:12px 14px; }
.admin-theme .sidebar-nav button svg { color:var(--ios-blue); stroke-width:1.65; }
.admin-theme .sidebar-nav button:hover { background:#f2f2f7; }
.admin-theme .sidebar-nav button.active { color:var(--ios-blue); background:#edf4ff; }
.admin-theme .nav-count { color:var(--ios-blue); background:#edf4ff; }
.admin-theme .sidebar-bottom { border-color:var(--line); }
.admin-theme .page-header h1 { font-size:34px; font-weight:750; letter-spacing:-.04em; }
.admin-theme .page-header p,.admin-theme .breadcrumb { color:var(--ios-label); }
.admin-theme .primary { border-radius:13px; background:var(--ios-blue); min-height:44px; }
.admin-theme .primary:hover { background:#0054b4; }
.admin-theme .secondary { border:0; border-radius:12px; background:#e9e9ef; color:var(--ink); min-height:42px; }
.admin-theme .secondary:hover { background:#dedee6; }
.admin-theme .header-actions .secondary { background:#fff; }
.admin-theme .panel,.admin-theme .metric-card { border:0; border-radius:22px; background:#fff; box-shadow:none; }
.admin-theme .progress-card { background:#fff; border:0; border-radius:22px; box-shadow:none; }
.admin-theme .progress-item { border:0; background:#f2f2f7; border-radius:13px; }
.admin-theme .status-pill { border:0; color:var(--ios-blue); background:#edf4ff; border-radius:7px; }
.admin-theme .status-pill.pending { color:#855a14; background:#fff1d6; }
.admin-theme .settings-card { background:transparent; border:0; box-shadow:none; padding-top:0; overflow:visible; }
.admin-theme .settings-tabs { background:#e7e7ed; padding:5px; gap:4px; border:0; border-radius:16px; margin:0 0 22px; }
.admin-theme .settings-tabs button { border-radius:12px; color:var(--ios-label); }
.admin-theme .settings-tabs button.active { background:#fff; color:var(--ink); box-shadow:0 2px 6px #1c1c1e0b; }
.admin-theme .settings-tabs svg { color:var(--ios-blue); background:transparent; border-radius:10px; }
.admin-theme .settings-tabs b { font-size:14px; font-weight:600; }
.admin-theme .setting-pane { padding:0 0 24px; }
.admin-theme .config-section { background:#fff; border:0; border-radius:22px; padding:25px; }
.admin-theme .section-icon { border-radius:12px; color:var(--ios-blue); background:#edf4ff; }
.admin-theme .section-title h2 { font-size:19px; font-weight:650; color:var(--ink); }
.admin-theme label { color:var(--ios-label); }
.admin-theme input,.admin-theme textarea,.admin-theme select { background:#f2f2f7; border:1px solid transparent; border-radius:12px; color:var(--ink); padding:12px 14px; }
.admin-theme input:focus,.admin-theme textarea:focus,.admin-theme select:focus { border-color:var(--ios-blue); box-shadow:0 0 0 3px #0066d615; }
.admin-theme .asset-preview { background:#f2f2f7; border-color:transparent; border-radius:15px; }
.admin-theme .switch-row { background:#f2f2f7; border-radius:13px; padding:14px; }
.admin-theme .switch-row input { background:#d9d9df; }
.admin-theme .switch-row input:checked { background:var(--ios-blue); }
.admin-theme .seo-preview,.admin-theme .info-box,.admin-theme .integration-status,.admin-theme .empty,.admin-theme .link-empty { background:#f2f2f7; border:0; border-radius:16px; color:var(--ios-label); }
.admin-theme .seo-preview strong { color:var(--ink); }
.admin-theme .link-row { background:#fff; border:0; border-radius:16px; }
.admin-theme .link-row input { background:#f2f2f7; }
.admin-theme .product-list button { background:#f2f2f7; border:1px solid transparent; border-radius:16px; padding:16px; }
.admin-theme .product-list button.active { background:#edf4ff; border-color:#c8dffa; }
.admin-theme .save-bar { background:#ffffffef; backdrop-filter:blur(16px); border:1px solid #e5e5eb80; border-radius:18px; padding:18px 22px; }
.admin-theme .order-card { border-color:var(--line); }
.admin-theme .metric-card strong { letter-spacing:-.04em; }
.admin-theme .row-actions button { border-radius:8px; }
.admin-theme .text-button:not(.danger) { color:var(--ios-blue); }
@media(max-width:700px) {
  .admin-theme .sidebar { border-radius:22px; }
  .admin-theme .sidebar-nav button { padding:9px 10px; font-size:11px; border-radius:9px; }
  .admin-theme .page-header h1 { font-size:29px; }
  .admin-theme .config-section,.admin-theme .panel { border-radius:20px; padding:21px; }
  .admin-theme .settings-tabs { margin:0 0 20px; border-radius:14px; }
  .admin-theme .settings-tabs button { padding:9px 4px; border-radius:10px; }
  .admin-theme .settings-tabs b { font-size:12px; }
  .admin-theme .settings-tabs small { font-size:9px; }
  .admin-theme .progress-card { padding:21px; }
  .admin-theme input,.admin-theme textarea,.admin-theme select { font-size:16px; }
  .admin-theme .save-bar { padding:16px; gap:12px; }
  .storefront .site-dialog .field input { font-size:16px; }
}
@media(prefers-reduced-transparency:reduce) {
  .admin-theme .sidebar,.admin-theme .save-bar,.storefront .mobile-navigation { background:#fff; backdrop-filter:none; }
}

/* Compact product rows: image, title, editable information badges. */
.storefront #productGrid.product-grid { display:block; padding:0; border-radius:22px; overflow:hidden; background:#fff; border:1px solid #e5e5eb; }
.storefront #productGrid.product-grid:empty { display:none; }
.storefront #productGrid.product-grid .product-card { display:grid; grid-template-columns:64px minmax(0,1fr); grid-template-rows:auto; min-height:0; gap:20px; padding:26px; border:0; border-bottom:1px solid #e5e5eb; border-radius:0; box-shadow:none; align-items:center; }
.storefront #productGrid.product-grid .product-card:last-child { border-bottom:0; }
.storefront #productGrid.product-grid .product-card:hover { background:#fafbfe; box-shadow:none; }
.storefront #productGrid.product-grid .product-artwork { width:64px; height:64px; min-height:0; grid-column:1; grid-row:1; border-radius:16px; align-self:center; }
.storefront #productGrid.product-grid .product-symbol { font-size:20px; }
.storefront #productGrid.product-grid .custom-product-image { padding:4px; }
.storefront #productGrid.product-grid .product-row-body { min-width:0; position:relative; }
.storefront #productGrid.product-grid h4 { padding:0; margin:0 0 10px; font-size:20px; line-height:1.5; color:#1c1c1e; letter-spacing:-.02em; overflow-wrap:anywhere; }
.product-row-badges { display:flex; flex-wrap:wrap; gap:7px; align-items:center; }
.row-badge { display:inline-flex; align-items:center; padding:4px 10px; border-radius:999px; font-size:12px; line-height:1.6; font-weight:550; max-width:100%; overflow-wrap:anywhere; }
.row-price { color:#0060b7; background:#edf4ff; font-weight:700; }
.row-stock { color:#64646e; background:#f0f0f4; }
.row-channel { color:#79551d; background:#f9f3e8; }
.row-delivery { color:#24604c; background:#edf7f2; }
.row-period { color:#61616b; background:#f0f0f4; }
.admin-theme #productForm label:has(input[name="stockLabel"]) { display:none; }
.storefront #productGrid .row-details { color:var(--ios-blue); background:transparent; padding:0; min-height:36px; margin-top:8px; font-size:12px; font-weight:500; border:0; border-radius:8px; }
.storefront #productGrid .row-details:hover { text-decoration:underline; }
@media(min-width:701px) {
  .storefront #productGrid .product-row-body { padding-right:100px; }
  .storefront #productGrid .row-details { position:absolute; right:0; top:50%; transform:translateY(-50%); margin:0; }
}
@media(max-width:700px) {
  .storefront #productGrid.product-grid { border-radius:20px; }
  .storefront #productGrid.product-grid .product-card { grid-template-columns:52px minmax(0,1fr); gap:16px; padding:23px 20px; }
  .storefront #productGrid.product-grid .product-artwork { width:52px; height:52px; border-radius:13px; }
  .storefront #productGrid.product-grid .product-symbol { font-size:17px; }
  .storefront #productGrid.product-grid h4 { font-size:16px; margin-bottom:8px; }
  .row-badge { font-size:11px; padding:3px 8px; }
  .product-row-badges { gap:6px; }
}