/* Saved objects retain the same visual direction as the workspace. */
main.saved-public-page--live{background:#f5f7fa;color:#273248}
.saved-public-page--live .saved-public-header{background:#fff;border-color:#e1e6ee}
.saved-public-page--live .saved-public-intro{padding:32px 0 24px;align-items:center}
.saved-public-page--live .saved-public-intro h1{font-size:30px;line-height:1.3;letter-spacing:0}
.saved-public-page--live .saved-public-intro>a{background:transparent;border:1px solid #d6deea;color:#315985;font-size:12px}
.shelf-controls{width:min(1180px,calc(100% - 36px));margin:0 auto 24px}
.shelf-controls>div{display:flex;gap:8px}
.shelf-controls input{width:100%;min-width:0;min-height:44px;padding:10px 14px;border:1px solid #dce3ed;border-radius:4px;background:#fff;color:#273248;font-size:14px}
.shelf-controls>div>button{flex:0 0 44px;height:44px;border:1px solid #dce3ed;border-radius:4px;background:#fff;color:#315985;font-size:24px}
.shelf-controls nav{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.shelf-controls nav button{min-height:40px;padding:9px 13px;border:0;border-radius:4px;background:transparent;color:#627086;font-size:13px}
.shelf-controls nav button[aria-pressed=true]{background:#315985;color:#fff}
.shelf-controls>small{display:block;margin-top:10px;color:#627086;font-size:12px}
.saved-public-page--live .saved-public-grid{gap:20px;align-items:start}
.saved-public-page--live .saved-public-grid article{gap:12px;min-height:0;padding:20px;border:1px solid #e0e5ed;border-radius:6px;background:#fff}
.saved-public-page--live .saved-public-grid article.is-updated{border-top:4px solid #b9cf92;padding-top:17px}
.saved-public-page--live .saved-public-grid h2{font-size:17px;line-height:1.5;letter-spacing:0;color:#273248}
.saved-public-page--live .saved-public-grid p{color:#627086}
.saved-public-page--live .saved-public-grid nav :is(a,button){background:#315985;border-color:#315985;min-height:40px}
.saved-public-page--live .saved-public-grid nav .is-quiet{background:transparent;color:#627086;border-color:#dce3ed}
.shelf-product-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;color:#62758f;text-decoration:none}
.shelf-product-strip>div{position:relative;display:grid;place-items:center;aspect-ratio:1;min-width:0;overflow:hidden;background:#f0f3f7;border-radius:4px}
.shelf-product-strip>div>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.shelf-product-strip>div>img[hidden]{display:none}
.shelf-product-strip>div>span{font-family:"Unbounded",sans-serif;font-size:28px}
.shelf-product-strip>div>small{position:absolute;bottom:3px;right:3px;max-width:calc(100% - 6px);padding:2px 4px;background:#fff;color:#315985;font-size:10px;overflow-wrap:anywhere}
.shelf-product-strip:has(>div:only-child){grid-template-columns:1fr}
.shelf-product-strip>div:only-child{aspect-ratio:2}
.saved-public-page--live .saved-public-grid .shelf-changes{display:grid;gap:8px;margin:0;padding:12px 14px 12px 28px;background:#f1f6eb;color:#365045;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.shelf-changes del{color:#6a776e}.shelf-changes b{white-space:normal}
.saved-public-page--live .saved-public-empty{background:transparent;border-color:#b9cf92}
.saved-public-empty>button{min-height:44px;padding:10px 14px;border:1px solid #dce3ed;border-radius:4px;background:#fff;color:#315985}
.public-widget-code .widget-selection-choice{grid-column:1/-1;display:flex;align-items:center;gap:8px}
.widget-selection-choice input{width:18px;height:18px;margin:0}
@media(max-width:620px){.saved-public-page--live .saved-public-intro{align-items:start;gap:14px}.saved-public-page--live .saved-public-intro h1{font-size:26px}.shelf-controls nav{gap:4px}.shelf-controls nav button{padding-inline:10px}.saved-public-page--live .saved-public-grid article{padding:16px}.saved-public-page--live .saved-public-grid article.is-updated{padding-top:13px}}

/* Buyer storefront and the editor share product geometry. */
.public-catalog{background:#fff;color:#273248}
.public-catalog .catalog-ribbon{min-height:48px;padding:8px max(18px,calc((100% - 1180px)/2));gap:16px;background:#fff;color:#315985;border-bottom:1px solid #e5e9ee}
.public-catalog .catalog-ribbon b{font-size:11px;letter-spacing:0}
.public-catalog .catalog-ribbon span{display:none}
.public-catalog .catalog-ribbon button{padding:6px 0;background:transparent;color:#315985;font-size:11px;min-height:32px}
.public-catalog .catalog-public-hero{max-width:1216px;margin:auto;padding:28px 18px 0}
.public-catalog .catalog-public-hero>p{margin:0 0 10px;font-size:9px;letter-spacing:0}
.public-catalog .catalog-public-hero h1{margin:0 0 12px;max-width:950px;font-size:38px;line-height:1.25;letter-spacing:0;overflow-wrap:anywhere}
.public-catalog .catalog-public-hero .catalog-description{display:block;max-width:780px;margin:0 0 16px;font-size:14px;line-height:1.6;color:#627086;overflow-wrap:anywhere}
.public-catalog .catalog-public-hero .catalog-facts{gap:10px 24px;margin:12px 0 18px}
.public-catalog .catalog-facts:empty{display:none}
.public-catalog .catalog-facts>a,.public-catalog .catalog-facts>div{min-width:0;padding:0;background:transparent;box-shadow:none}
.public-catalog .catalog-facts b{font-size:9px}.public-catalog .catalog-facts span{font-size:12px;overflow-wrap:anywhere}
.public-catalog .catalog-public-hero>input{width:100%;min-height:44px;padding:10px 14px;background:#f5f7fa;border:1px solid #dde3eb;border-radius:4px;color:#273248;font-size:14px}
.public-catalog .catalog-public-hero>.catalog-category-tabs{gap:6px;margin:12px 0 0}
.public-catalog .catalog-category-tabs button{min-height:36px;padding:7px 12px;background:#f0f3f7;color:#53647a;font-size:12px;white-space:normal;overflow-wrap:anywhere}
.public-catalog .catalog-category-tabs button.active{background:var(--catalog-accent);color:#fff}
.public-catalog>.public-object-actions{margin:12px auto 20px;padding:8px 0;gap:6px;border-top:0;border-color:#e5e9ee}
.public-catalog .public-object-actions__buttons{gap:4px 14px}
.public-catalog .public-object-actions__buttons :is(button,a){padding:6px 0;min-height:36px;border:0;background:transparent;font-size:12px;color:#53647a}
.public-catalog .public-object-actions__buttons .is-active{color:#36654a}
.public-catalog .public-object-actions__buttons :is(button,a):focus-visible{outline:2px solid #315985;outline-offset:3px}
.public-catalog>.catalog-products{width:min(1180px,calc(100% - 36px));margin:auto;padding:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}
:is(.public-catalog,.draft-preview) .catalog-products article{min-width:0;padding:0;background:transparent;box-shadow:none;opacity:1}
:is(.public-catalog,.draft-preview) .catalog-product-visual{aspect-ratio:1;background:#f3f5f8;overflow:hidden;border-radius:6px}
:is(.public-catalog,.draft-preview) .catalog-product-visual img{width:100%;height:100%;object-fit:contain}
.catalog-image-placeholder{display:grid;place-content:center;justify-items:center;gap:8px;width:100%;height:100%;background:#eef2f6;color:#687d97}
.catalog-image-placeholder b{font-family:"Unbounded",sans-serif;font-size:44px;font-weight:500}
.catalog-image-placeholder small{font-size:10px}
:is(.public-catalog,.draft-preview) .catalog-product-visual>.catalog-category{max-width:calc(100% - 16px);right:8px;bottom:8px;padding:4px 7px;font-size:9px;line-height:1.4;transform:none;background:#fff;color:#53647a;overflow-wrap:anywhere}
:is(.public-catalog,.draft-preview) .catalog-products h4{margin:12px 0 5px;font-size:13px;line-height:1.5;letter-spacing:0;overflow-wrap:anywhere}
:is(.public-catalog,.draft-preview) .catalog-products article>small{display:block;font-size:10px;line-height:1.5;color:#68758a;overflow-wrap:anywhere}
:is(.public-catalog,.draft-preview) .catalog-products .catalog-details{font-size:12px;line-height:1.5;color:#627086;overflow-wrap:anywhere}
:is(.public-catalog,.draft-preview) .catalog-products .catalog-price-line{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}
:is(.public-catalog,.draft-preview) .catalog-products .catalog-price-line b{font-size:16px;line-height:1.5;overflow-wrap:anywhere}
.public-catalog .catalog-products .catalog-price-line button{min-height:40px;padding:9px 12px;border:0;border-radius:4px;background:var(--catalog-accent);color:#fff;font-size:11px;font-weight:700}
.public-catalog .catalog-products .catalog-price-line button:disabled{background:#f0f2f5;color:#69768b}
.public-catalog .catalog-passport-link{display:inline-block;margin-top:10px;color:#627086;font-size:11px}
.catalog-empty{width:min(1180px,calc(100% - 36px));margin:24px auto 48px;padding:32px 0;color:#53647a;text-align:center}
.catalog-empty b{font-size:18px;color:#273248}.catalog-empty p{font-size:13px}.catalog-empty button{min-height:44px;padding:10px 16px;border:1px solid #dce3eb;border-radius:4px;background:#fff;color:#315985}
.public-catalog .cart-bar{box-shadow:0 6px 28px #27324826;border-radius:6px;background:#315985}
.public-catalog .cart-bar button{background:#fff;color:#315985;border-radius:4px}
.public-catalog .catalog-contacts{max-width:1180px;margin:40px auto 0;padding:24px 18px;background:#f3f6fa;color:#273248;flex-wrap:wrap}
.public-catalog .catalog-contacts p{color:#627086}.public-catalog .catalog-contacts h2{font-size:18px;line-height:1.5;overflow-wrap:anywhere}
.public-catalog .catalog-contacts a{border-radius:4px;font-size:12px}
.public-catalog .catalog-logo--public{width:48px;height:48px;object-fit:contain}
@media(max-width:850px){.public-catalog>.catalog-products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){
 .public-catalog .catalog-public-hero{padding-top:22px}
 .public-catalog .catalog-public-hero h1{font-size:24px}
 .public-catalog .catalog-public-hero .catalog-description{font-size:13px}
 .public-catalog>.catalog-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
 .public-catalog .catalog-products h4{font-size:11px}
 .public-catalog .catalog-products .catalog-price-line{align-items:stretch;flex-direction:column}
 .public-catalog .catalog-products .catalog-price-line button{width:100%}
 .public-catalog .cart-bar{flex-wrap:nowrap;gap:8px;padding:12px}
 .public-catalog .cart-bar div{flex-basis:auto;min-width:0}
 .public-catalog .cart-bar b{font-size:12px;overflow-wrap:anywhere}
 .public-catalog .cart-bar button{flex:0 0 auto;padding:12px 10px;font-size:11px}
}

/* Публичная петля: сохранить, отправить и вынести живой объект на другой сайт. */
.public-object-actions{display:grid;gap:11px;margin:24px auto;padding:14px 0;border-top:1px solid #d8d2c8;border-bottom:1px solid #d8d2c8;color:#17234f}
.public-catalog>.public-object-actions{width:min(1180px,calc(100% - 36px));margin-top:24px}
.public-object-actions__buttons{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.public-object-actions__buttons :is(button,a){display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:8px 12px;border:1px solid #cfc8bc;border-radius:4px;background:#fffdf8;color:#17234f;font:800 12px "Onest",sans-serif;text-decoration:none;cursor:pointer}
.public-object-actions__buttons :is(button,a):hover,.public-object-actions__buttons :is(button,a):focus-visible{border-color:#f05a2a;outline:2px solid transparent}
.public-object-actions__buttons .is-active{border-color:#bbce96;background:#bbce96;color:#26350f}
.public-object-actions__buttons span{display:inline-grid;min-width:18px;place-items:center;font-size:15px}
.public-object-fresh{justify-self:start;padding:6px 9px;background:#bbce96;color:#26350f;font-size:11px}
.public-object-notice{min-height:16px;color:#62646d;font-size:11px;font-weight:700}
.public-widget-code{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;padding:14px;background:#17234f;color:#fff}
.public-widget-code label{display:grid;gap:6px;min-width:0}
.public-widget-code label span{color:#bbce96;font-size:10px;font-weight:800;text-transform:uppercase}
.public-widget-code textarea{width:100%;min-height:64px;padding:9px 11px;border:0;border-radius:0;resize:vertical;background:#fff;color:#17234f;font:12px/1.45 ui-monospace,monospace}
.public-widget-code button{min-height:42px;padding:8px 13px;border:0;border-radius:4px;background:#f05a2a;color:#fff;font-weight:800;cursor:pointer}

.catalog-product-save{position:absolute;top:8px;right:8px;z-index:2;display:grid!important;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;place-items:center;border:1px solid rgba(23,35,79,.18)!important;border-radius:50%!important;background:#fffdf8!important;color:#17234f!important;box-shadow:0 5px 16px rgba(23,35,79,.14);font-size:22px!important;line-height:1!important;cursor:pointer}
.catalog-product-save.is-active{border-color:#f05a2a!important;background:#f05a2a!important;color:#fff!important}
.catalog-shared-selection,.catalog-selection-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;width:min(1180px,calc(100% - 36px));margin:18px auto;padding:14px 16px;background:#17234f;color:#fff}
.catalog-shared-selection{background:#bbce96;color:#26350f}
.catalog-shared-selection>div,.catalog-selection-bar>div{display:grid;margin-right:auto}
.catalog-shared-selection span,.catalog-selection-bar span{font-size:10px;font-weight:800;text-transform:uppercase}
.catalog-shared-selection b,.catalog-selection-bar b{font-family:"Unbounded",sans-serif;font-size:14px}
.catalog-shared-selection button,.catalog-selection-bar button{min-height:40px;padding:8px 12px;border:1px solid currentColor;border-radius:4px;background:#fffdf8;color:#17234f;font-weight:800;cursor:pointer}
.catalog-shared-selection button.is-quiet{background:transparent;color:inherit}
.catalog-selection-notice{width:min(1180px,calc(100% - 36px));min-height:17px;margin:-8px auto 12px;color:#555864;font-size:11px;font-weight:700}
.engagement-strip{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin:12px 0 22px;padding:12px 15px;border-left:5px solid var(--lime);background:#f2eee6;color:#17234f;font-size:12px}
.engagement-strip span{margin-right:auto;color:#676973;font-weight:800;text-transform:uppercase}
.engagement-strip b{font-weight:800}

.saved-public-page{min-height:100svh;padding-bottom:80px;background:#f6f2e9;color:#17234f}
.saved-public-header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px;padding:12px max(24px,calc((100% - 1180px)/2));border-bottom:1px solid #d8d2c8;background:#fffdf8}
.saved-public-header>a:last-child{color:#17234f;font-weight:800;text-decoration:none}
.saved-public-intro{display:flex;align-items:end;justify-content:space-between;gap:24px;width:min(1180px,calc(100% - 36px));margin:0 auto;padding:58px 0 32px}
.saved-public-intro .eyebrow{margin:0 0 10px;color:#a44726}
.saved-public-intro h1{margin:0;font-family:"Unbounded",sans-serif;font-size:42px;line-height:1.05}
.saved-public-intro>a{padding:12px 15px;border-radius:4px;background:#17234f;color:#fff;font-weight:800;text-decoration:none}
.saved-public-notice{width:min(1180px,calc(100% - 36px));margin:0 auto 15px;color:#555864;font-size:12px;font-weight:800}
.saved-public-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:min(1180px,calc(100% - 36px));margin:0 auto}
.saved-public-grid article{display:grid;align-content:start;gap:13px;min-height:260px;padding:21px;border:1px solid #d8d2c8;border-radius:5px;background:#fffdf8}
.saved-public-grid article.is-updated{border-top:7px solid #bbce96;padding-top:15px}
.saved-public-grid article>div{display:flex;justify-content:space-between;gap:10px;color:#a44726;font-size:10px;font-weight:800;text-transform:uppercase}
.saved-public-grid article>div b{padding:4px 6px;background:#bbce96;color:#26350f}
.saved-public-grid h2{margin:0;font-family:"Unbounded",sans-serif;font-size:19px;line-height:1.2;overflow-wrap:anywhere}
.saved-public-grid p{display:-webkit-box;margin:0;overflow:hidden;color:#5e6069;font-size:13px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.saved-public-grid small{margin-top:auto;color:#777982;font-size:10px}
.saved-public-grid nav{display:flex;flex-wrap:wrap;gap:7px;padding-top:4px}
.saved-public-grid nav :is(a,button){min-height:39px;padding:7px 10px;border:1px solid #17234f;border-radius:4px;background:#17234f;color:#fff;font:800 11px "Onest",sans-serif;text-decoration:none;cursor:pointer}
.saved-public-grid nav .is-quiet{background:transparent;color:#17234f}
.saved-public-empty{display:grid;justify-items:start;gap:13px;width:min(720px,calc(100% - 36px));margin:0 auto;padding:34px;border-left:7px solid #f05a2a;background:#fffdf8}
.saved-public-empty>b{font-family:"Unbounded",sans-serif;font-size:22px}
.saved-public-empty p{margin:0;color:#5e6069}
.saved-public-empty div{display:flex;flex-wrap:wrap;gap:8px}
.saved-public-empty a{padding:11px 13px;border-radius:4px;background:#17234f;color:#fff;font-weight:800;text-decoration:none}

@media(max-width:850px){.saved-public-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
  .public-widget-code{grid-template-columns:1fr}
  .public-widget-code button{width:100%}
  .catalog-shared-selection,.catalog-selection-bar{align-items:stretch}
  .catalog-shared-selection>div,.catalog-selection-bar>div{flex:1 0 100%}
  .catalog-shared-selection button,.catalog-selection-bar button{flex:1 1 140px}
  .saved-public-header{min-height:66px;padding:10px 18px}
  .saved-public-header>a:last-child{font-size:12px}
  .saved-public-intro{display:grid;padding:38px 0 24px}
  .saved-public-intro h1{font-size:34px}
  .saved-public-intro>a{justify-self:start}
  .saved-public-grid{grid-template-columns:1fr}
}