/* Geometry is defined before data or image requests start. */
:root{--artopt-gap:clamp(12px,2vw,24px);--artopt-green:#78ad24;--artopt-border:#d7decd}
html{scrollbar-gutter:stable}body{overflow-wrap:break-word}
#page-wrapper,header,#footer,#tags_manuf_inner,.tabs{box-sizing:border-box;max-width:1440px;width:calc(100% - 32px);margin-inline:auto}
#page-wrapper header{width:100%}#right_column,#left_column{box-sizing:border-box;min-width:0}
#workarea{display:grid;grid-template-columns:clamp(220px,24%,300px) minmax(0,1fr);gap:var(--artopt-gap)}
#workarea>#left_column,#workarea>#right_column{width:100%;float:none;margin:0;min-width:0}
.artopt-home #workarea{grid-template-columns:minmax(0,1fr)}
#right_column{max-width:100%}#right_column img{max-width:100%}
/* Catalog content grows with the document; async loads retain existing cards. */
.artopt-catalog #workarea>#right_column,#workarea>.artopt-catalog-region{height:auto;max-height:none;overflow:visible;position:relative;isolation:isolate}
.artopt-catalog-region[aria-busy="true"]:after{content:"Обновление каталога…";position:sticky;display:block;bottom:12px;margin:0 auto;max-width:260px;height:40px;line-height:40px;text-align:center;background:#f5f6f2;border:1px solid #8d9c7e;border-radius:8px;color:#31451c;pointer-events:none}
.artopt-catalog-error{position:sticky;bottom:0;padding:12px;background:#fff4e6;color:#633d16;border:1px solid #d0b393;box-sizing:border-box;z-index:2}
.catalog-detail>div.catalog-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--artopt-gap);width:100%;box-sizing:border-box}
.catalog-detail>div.catalog-detail>.catalog-detail-image,.catalog-detail>div.catalog-detail>.catalog-detail-desc{float:none;width:auto;min-width:0;box-sizing:border-box}
#catalog-detail-main-image{width:100%;max-width:560px;aspect-ratio:1;overflow:hidden;box-sizing:border-box}
#catalog-detail-main-image>a,#catalog-detail-main-image img{display:block;width:100%;height:100%;object-fit:contain}
.catalog-detail>div.catalog-detail>.catalog-detail-image{display:block;margin:0;align-self:start}
#catalog-detail-main-image{display:block;height:auto;margin:0;padding:0}
#catalog-detail-main-image>a{margin:0;padding:0;aspect-ratio:1}
.catalog-detail-property table{width:100%;table-layout:fixed}.catalog-detail-property td{overflow-wrap:anywhere}
.artopt-home #left_column,.artopt-home #breadcrumb-search,.artopt-home #right_column>h1,.artopt-home #right_column>.separator{display:none}
.artopt-home #right_column{float:none;width:100%;padding:0;margin:0}
.artopt-home #slide,.artopt-home #slider{max-width:100%;box-sizing:border-box}
.artopt-home main{display:grid;gap:var(--artopt-gap);padding:24px 0}
.artopt-section{min-width:0;background:#f5f6f2;border:1px solid var(--artopt-border);border-radius:12px;padding:16px;box-sizing:border-box}
.artopt-section h2{height:32px;line-height:32px;margin:0 0 12px;overflow:hidden;font-size:clamp(18px,2vw,24px)}
.artopt-collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--artopt-gap)}
.artopt-card{min-width:0;margin:0;display:grid;grid-template-rows:auto 48px;gap:8px}
.artopt-card-media{display:block;position:relative;aspect-ratio:1;overflow:hidden;background:#e9ede3;border:1px solid var(--artopt-border);border-radius:8px;box-sizing:border-box}
.artopt-card-media img{display:block;width:100%;height:100%;object-fit:contain}
.artopt-card-title{display:block;height:48px;line-height:24px;overflow:hidden;color:#31451c;text-decoration:none;font-size:16px;contain:layout}
.artopt-section-controls{height:44px;display:flex;gap:12px;align-items:center;justify-content:center;margin-top:12px}
.artopt-section-controls button{height:36px;min-width:44px;border:1px solid #8d9c7e;border-radius:6px;background:white;color:#31451c;cursor:pointer}
.artopt-section-controls button:disabled{opacity:.45;cursor:default}.artopt-section-status{width:160px;height:24px;line-height:24px;text-align:center;overflow:hidden;font-size:13px}
.artopt-pending:after,.artopt-card-media[data-state="loading"]:after{content:"";position:absolute;inset:calc(50% - 12px);width:24px;height:24px;border:3px solid #ccd7c0;border-top-color:#54821b;border-radius:50%;box-sizing:border-box;animation:artopt-spin .85s linear infinite;pointer-events:none}
.artopt-card-media[data-state="error"]:after{content:"Изображение недоступно";position:absolute;inset:0;display:grid;place-items:center;text-align:center;font:13px/1.4 sans-serif;color:#4a5144;background:#e9ede3;padding:12px}
img.artopt-lazy{display:block;box-sizing:border-box;aspect-ratio:var(--artopt-ratio,1);object-fit:contain;width:100%;height:auto;background:transparent}
img.artopt-lazy[data-state="loading"]{background:#e9ede3 url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"%3E%3Ccircle cx="16" cy="16" r="12" fill="none" stroke="%23bccbad" stroke-width="3"/%3E%3Cpath d="M16 4a12 12 0 0 1 12 12" fill="none" stroke="%2354821b" stroke-width="3"/%3E%3C/svg%3E') no-repeat center}
@keyframes artopt-spin{to{transform:rotate(360deg)}}
@media(max-width:900px){#workarea{grid-template-columns:minmax(0,1fr)}.artopt-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.artopt-card:nth-child(n+3){display:none}#page-wrapper,header,#footer,#tags_manuf_inner,.tabs{width:calc(100% - 24px)}#right_column{width:100%;float:none}#left_column{max-width:100%}header nav{flex-wrap:wrap;height:auto}header #horizontal-multilevel-menu{flex-wrap:wrap}#telefon{max-width:100%}.catalog-detail>div.catalog-detail{grid-template-columns:minmax(0,1fr)}}
@media(max-width:480px){.artopt-collection-grid{grid-template-columns:minmax(0,1fr)}.artopt-card:nth-child(n+2){display:none}.artopt-section{padding:12px}#page-wrapper,header,#footer,#tags_manuf_inner,.tabs{width:calc(100% - 16px)}.artopt-section h2{font-size:18px}.artopt-section-controls{gap:8px}}
@media(prefers-reduced-motion:reduce){.artopt-pending:after,.artopt-card-media[data-state="loading"]:after{animation:none}}

/* Reference home: first-paint geometry is identical to hydrated geometry. */
:root{--artopt-green:#649b30;--artopt-border:#e1e5db;--artopt-gap:clamp(14px,1.7vw,26px)}
body{background:#fff;color:#2d3229}
#page-wrapper{width:calc(100% - 64px);max-width:1440px;min-width:0}
#content-wrapper,#workarea{width:100%;max-width:none;min-width:0}
#page-wrapper>.artopt-header{display:grid;grid-template-columns:minmax(230px,1fr) minmax(180px,1.4fr) auto;gap:24px;align-items:center;width:100%;max-width:none;min-height:112px;height:auto;padding:22px 0 0;margin:0;background:#fff;border:0;position:relative;z-index:30;font-family:Arial,sans-serif;box-sizing:border-box}
.artopt-header *,.artopt-promos *{box-sizing:border-box}.artopt-header a{text-decoration:none;color:#30362c}
.artopt-brand{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:8px;white-space:nowrap}
.artopt-brand>span{display:flex;align-items:center;gap:12px;font:38px/1 Georgia,serif;letter-spacing:-1px}
.artopt-brand small{font:8px/1.5 Arial,sans-serif;letter-spacing:.3px;text-transform:uppercase;color:#747b6c}
.artopt-mark{display:grid;grid-template-columns:repeat(2,16px);gap:3px;transform:rotate(-3deg)}.artopt-mark i{width:16px;height:16px;background:#70a33a;border-radius:1px}.artopt-mark i:nth-child(2){background:#a6c878}.artopt-mark i:nth-child(3){background:#97bd65}
.artopt-header .artopt-search{grid-column:2;grid-row:1;width:100%;min-width:0;min-height:42px}
.artopt-header #fsearch{display:flex;position:static;width:100%;height:42px;margin:0;padding:0;background:#fff;border:1px solid #dce2d5;border-radius:5px;overflow:hidden}
.artopt-header #title-search-input{position:static;float:none;min-width:0;width:100%;height:40px;margin:0;padding:0 14px;border:0;background:none;font:13px Arial,sans-serif;box-shadow:none}
.artopt-header #search-submit-button{position:static;float:none;min-width:48px;width:auto;height:40px;margin:0;padding:0 12px;border:0;background:#f3f6ef;color:#567a36;cursor:pointer}
.artopt-header-actions{grid-column:3;grid-row:1;display:flex;gap:18px;align-items:center}
.artopt-phone{white-space:nowrap;font:16px/1.5 Arial,sans-serif}.artopt-phone small{display:block;color:#7b8274;font-size:10px}
.artopt-account{position:relative}.artopt-account summary{cursor:pointer;list-style:none;font:12px Arial,sans-serif}.artopt-account-panel{position:absolute;right:0;top:32px;min-width:220px;padding:20px;background:#fff;border:1px solid #dce2d5;box-shadow:0 8px 24px #0001;z-index:50}.artopt-account-panel a{display:block;padding:6px}
.artopt-basket{display:flex;align-items:center;gap:8px}.artopt-bag{width:25px;height:25px}.artopt-bag svg{width:100%;height:100%;fill:none;stroke:#649b30;stroke-width:1.5}
.artopt-header #cart_line{position:static;width:110px;height:42px;overflow:hidden;margin:0;padding:0;background:none;font:10px/1.4 Arial,sans-serif}.artopt-header #cart_line h4{font:12px/1.4 Arial,sans-serif;margin:0}.artopt-header #cart_line table{width:auto;border:0;margin:0;font-size:10px}.artopt-header #cart_line td{padding:0 4px 0 0;border:0;white-space:nowrap}
.artopt-header .artopt-main-menu{grid-column:1/-1;grid-row:2;display:block;position:static;width:100%;height:48px;margin:0;padding:0;background:#649b30;border:0;border-radius:4px;box-shadow:none}
.artopt-header #horizontal-multilevel-menu{display:flex;align-items:stretch;justify-content:space-between;flex-wrap:nowrap;width:100%;height:48px;min-height:48px;margin:0;padding:0 12px;background:none;border:0;list-style:none}
.artopt-header #horizontal-multilevel-menu>li{position:relative;float:none;width:auto;list-style:none;margin:0;padding:0;border:0;background:none}
.artopt-header #horizontal-multilevel-menu a{display:block;float:none;height:48px;line-height:48px;padding:0 clamp(8px,1.4vw,22px);background:none;border:0;color:#fff;font:13px/48px Arial,sans-serif;white-space:nowrap;text-decoration:none}
.artopt-header #horizontal-multilevel-menu a.root-item-selected,.artopt-header #horizontal-multilevel-menu>li>a:hover{background:#ffffff20;color:#fff}
.artopt-header #horizontal-multilevel-menu ul{display:none;position:absolute;top:100%;left:0;width:240px;height:auto;margin:0;padding:8px;background:#fff;border:1px solid #dce2d5;z-index:40;list-style:none}.artopt-header #horizontal-multilevel-menu ul li{float:none;width:100%;background:none}.artopt-header #horizontal-multilevel-menu ul a{color:#395825;font:13px/1.4 Arial,sans-serif;height:auto;padding:10px}.artopt-header #horizontal-multilevel-menu li:hover>ul,.artopt-header #horizontal-multilevel-menu li:focus-within>ul{display:block}
.artopt-menu-toggle{display:none}.artopt-promos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--artopt-gap);margin:22px 0 0;font-family:Arial,sans-serif}.artopt-promo{display:flex;align-items:center;gap:16px;min-height:96px;padding:18px 20px;border:1px solid #e1e8d8;border-radius:5px;background:#f5f8ef;text-decoration:none;color:#3b542b}.artopt-promo-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border:1px solid #83a65e;border-radius:50%;font-size:24px;color:#709443}.artopt-promo strong{display:block;font:19px/1.3 Georgia,serif}.artopt-promo small{display:block;margin-top:6px;color:#7c8772;font-size:11px;line-height:1.4}
.artopt-home #content-wrapper{margin-top:0}.artopt-home #right_column{border:0;box-shadow:none;background:#fff}.artopt-home main{gap:30px;padding:32px 0 36px}.artopt-section{padding:0;border:0;border-radius:0;background:#fff;position:relative}.artopt-section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;height:42px;margin-bottom:12px}.artopt-section h2{margin:0;height:36px;font:28px/36px Georgia,serif;color:#30372b}.artopt-section-heading>a{font:11px/1.4 Arial,sans-serif;color:#718d55;text-decoration:none;white-space:nowrap}
.artopt-card{display:grid;grid-template-rows:auto 56px;gap:0;border:1px solid #e1e5db;border-radius:5px;overflow:hidden;background:#fff}.artopt-card-media{aspect-ratio:7/5;border:0;border-radius:0;background:#eff2ea}.artopt-card-media img{aspect-ratio:7/5;object-fit:cover}.artopt-card-title{height:56px;padding:14px 14px 0;box-sizing:border-box;font:18px/26px Georgia,serif;color:#3c4633}.artopt-section-controls{height:32px;margin-top:8px;gap:10px}.artopt-section-controls button{height:28px;min-width:30px;border-color:#dce4d3;background:#fff}.artopt-section-status{font-size:10px;color:#88917e}
.artopt-home #tags_manuf{background:#f6f8f2;border-top:1px solid #e3e8dd;border-bottom:1px solid #e3e8dd}.artopt-home #tags_manuf_inner{padding:24px 0}.artopt-home #tags_manuf_title{font:22px Georgia,serif;color:#36452e}.artopt-home #tags_manuf a{color:#6e7b61!important}.artopt-home #footer-wrapper{background:#fff;border:0}.artopt-home #footer{height:auto;min-height:110px;display:flex;gap:32px;align-items:center;justify-content:space-between;padding:24px 0}.artopt-home #copyright,.artopt-home #footer-links{float:none;width:auto;position:static;color:#7c8474}.artopt-home #footer a{color:#657956}.artopt-home #space-for-footer{height:0}
.artopt-skip{position:fixed;top:-100px;left:16px;padding:12px;background:#34591c;color:white;z-index:100}.artopt-skip:focus{top:12px}.artopt-header :focus-visible,.artopt-promos :focus-visible{outline:2px solid #426f22;outline-offset:3px}
#left_column #filter_area{width:100%;box-sizing:border-box}#left_column #filter_area .select_box,#left_column #filter_area .filter_select,#left_column #filter_area .ik_select{max-width:100%;box-sizing:border-box}.artopt-catalog #workarea>#right_column,#workarea>.artopt-catalog-region{height:auto;overflow:visible;min-height:560px}
@media(max-width:1150px){.artopt-phone{display:none}.artopt-header-actions{gap:10px}.artopt-header #horizontal-multilevel-menu a{padding-inline:10px;font-size:12px}.artopt-promo{padding:16px 12px;gap:10px}.artopt-promo strong{font-size:17px}}
@media(max-width:900px){#page-wrapper{width:calc(100% - 32px)}#page-wrapper>.artopt-header{grid-template-columns:minmax(0,1fr) auto;gap:18px}.artopt-header .artopt-search{grid-column:1/-1;grid-row:2}.artopt-header-actions{grid-column:2}.artopt-header .artopt-main-menu{grid-row:3;overflow:visible}.artopt-header #horizontal-multilevel-menu{overflow-x:auto;justify-content:flex-start}.artopt-promos{gap:12px}.artopt-promo{min-height:110px}.artopt-promo-icon{display:none}.artopt-section h2{font-size:25px}}
@media(max-width:700px){#page-wrapper>.artopt-header{padding-top:18px}.artopt-brand>span{font-size:30px}.artopt-brand small{font-size:7px}.artopt-header #cart_line{width:86px}.artopt-header .artopt-main-menu{height:48px}.artopt-promos{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:16px}.artopt-promo{min-height:76px;padding:14px 18px}.artopt-promo-icon{display:grid}.artopt-home main{padding-top:24px;gap:24px}.artopt-section-heading>a{font-size:10px}.artopt-section h2{font-size:23px}.artopt-home #footer{flex-direction:column;align-items:flex-start;gap:16px}}
@media(max-width:480px){#page-wrapper{width:calc(100% - 24px)}.artopt-account summary{font-size:10px}.artopt-header-actions{gap:8px}.artopt-header #cart_line{display:none}.artopt-brand small{max-width:220px;white-space:normal;height:20px}.artopt-section{padding:0}.artopt-section h2{font-size:22px}.artopt-section-heading>a{max-width:105px;white-space:normal;text-align:right}.artopt-account-panel{right:0;max-width:calc(100vw - 24px)}}

/* Approved reference geometry. Full-bleed paint does not widen the document. */
@media(min-width:901px){
  #page-wrapper{width:calc(100% - 80px)}
  #page-wrapper>.artopt-header{height:122px;min-height:122px;padding:0;grid-template-rows:82px 40px;row-gap:0;column-gap:24px;grid-template-columns:minmax(220px,1fr) minmax(180px,1.4fr) auto}
  .artopt-header .artopt-phone{display:block;font-size:14px}
  .artopt-header-actions{gap:14px}
  .artopt-header #cart_line{width:78px}
  .artopt-header .artopt-main-menu,.artopt-header #horizontal-multilevel-menu{height:40px;min-height:40px}
  .artopt-header #horizontal-multilevel-menu{padding:0;align-items:center}
  .artopt-header #horizontal-multilevel-menu>li>a{height:32px;line-height:32px;padding-inline:clamp(8px,1.4vw,22px)}
  .artopt-header #horizontal-multilevel-menu a.root-item-selected{border-radius:4px;background:#fff;color:#3d6b20}
  .artopt-promos{margin-top:13px}
  .artopt-promo{height:76px;min-height:76px;padding:10px 14px;gap:14px}
  .artopt-promo strong{font-size:16px}
  .artopt-promo small{margin-top:4px;font-size:10px}
  .artopt-promo-icon{width:48px;height:48px;flex-basis:48px;background:#e3ebce;border-color:#d5e1ba}
}
.artopt-header .artopt-main-menu{position:relative;isolation:isolate;border-radius:0}
.artopt-main-menu:before{content:"";position:absolute;inset:0;background:var(--artopt-green);box-shadow:0 0 0 100vmax var(--artopt-green);clip-path:inset(0 -100vmax);z-index:-1;pointer-events:none}
.artopt-home main{padding-top:10px;gap:18px}
.artopt-section-heading{height:36px;margin-bottom:6px}
.artopt-section h2{font-size:28px;line-height:36px;color:#171b16}
.artopt-section-heading>a{color:#476e2f;text-decoration:underline;text-underline-offset:2px}
.artopt-card{grid-template-rows:auto 52px;border-radius:3px}
.artopt-card-media{min-height:0}
.artopt-card-title{position:relative;height:52px;padding:11px 30px 0 12px;font:bold 16px/24px Georgia,serif;color:#20261c;white-space:nowrap;text-overflow:ellipsis}
.artopt-card-title[href]:after{content:"›";position:absolute;right:12px;top:12px;font:22px/24px Arial,sans-serif;font-weight:normal;color:#53624b}
.artopt-section-controls{position:absolute;left:-14px;right:-14px;top:calc(50% + 8px);height:30px;margin:0;justify-content:space-between;pointer-events:none}
.artopt-section-controls button{pointer-events:auto;opacity:0;border-radius:50%;box-shadow:0 2px 8px #233c1920;background:#fff}
.artopt-section:hover .artopt-section-controls button:not(:disabled),.artopt-section:focus-within .artopt-section-controls button:not(:disabled),.artopt-section-controls button:focus-visible{opacity:1}
.artopt-section-controls button:disabled{visibility:hidden}
.artopt-section-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.artopt-section-status:has(button){clip-path:none;position:static;margin:0;width:160px;height:30px;overflow:visible;pointer-events:auto}
.artopt-section-status:has(button) button{opacity:1}
@media(max-width:900px){.artopt-home main{padding-top:16px;gap:20px}.artopt-section h2{font-size:25px}.artopt-section-controls button:not(:disabled){opacity:1}}
@media(max-width:480px){.artopt-section h2{font-size:22px}.artopt-section-controls{left:-8px;right:-8px}.artopt-header .artopt-main-menu{isolation:auto}.artopt-main-menu:before{display:none}}
.artopt-header #fsearch label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.artopt-header #search-submit-button{white-space:nowrap;flex-shrink:0}
#page-wrapper .artopt-header #horizontal-multilevel-menu>li>a:before,#page-wrapper .artopt-header #horizontal-multilevel-menu>li>a:after{display:none;content:none;background:none}
@media(min-width:901px){.artopt-header #cart_line{width:110px}}
.artopt-home #footer .foot-copy{float:none;width:auto;max-width:100%;text-align:left}
#page-wrapper{height:auto;min-height:0;margin-bottom:0;overflow:visible;background:none}
.artopt-home #top_sections{display:none}
.artopt-home #content-wrapper{padding:0}
.artopt-home #right_column .artopt-card-title{color:#20261c;padding-top:8px}
.artopt-card-name{display:block;font:bold 16px/20px Georgia,serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.artopt-card-meta{display:block;font:11px/16px Georgia,serif;font-weight:normal;color:#777d73;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-artopt-collection="sale"] .artopt-card-media[href]:before{content:"%";position:absolute;top:7px;left:7px;z-index:1;padding:5px 10px;background:#d92f2f;color:#fff;border-radius:3px;font:bold 16px/20px Arial,sans-serif}
.artopt-makers{padding:12px 0 16px;border-block:1px solid #e5e8e0;background:#f7f8f4;margin-top:12px}
.artopt-makers-heading{height:30px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.artopt-makers-heading h2{margin:0;font:bold 16px/24px Georgia,serif;color:#242b20}
.artopt-makers-heading>a{font:11px Arial,sans-serif;color:#476e2f;text-decoration:underline}
.artopt-makers-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}
.artopt-makers-grid>a{display:flex;align-items:center;justify-content:center;height:48px;min-width:0;box-sizing:border-box;padding:8px;background:#fff;border:1px solid #e1e5db;border-radius:3px;font:14px/18px Georgia,serif;text-align:center;color:#36492b;text-decoration:none;overflow:hidden}
.artopt-makers-grid>a[aria-busy="true"]{background:#e9ede3}
.artopt-makers-grid button{font:12px Arial,sans-serif;cursor:pointer;background:#fff;color:#476e2f;border:1px solid #ccd7c1;border-radius:4px;padding:6px}
.artopt-home-footer{box-sizing:border-box;max-width:1440px;width:calc(100% - 80px);margin:0 auto;padding:22px 0;display:grid;grid-template-columns:minmax(180px,1.1fr) minmax(180px,1fr) minmax(160px,1fr) minmax(120px,.8fr);gap:24px;align-items:start;font:12px/20px Arial,sans-serif}
.artopt-home-footer a{color:#3f4939;text-decoration:none}.artopt-home-footer .artopt-brand>span{font-size:30px}.artopt-home-footer .artopt-brand small{white-space:normal;max-width:220px;font-size:7px}
.artopt-footer-links{display:grid;grid-template-columns:1fr 1.2fr;gap:16px}.artopt-footer-links a{display:block;font-size:11px;white-space:nowrap}.artopt-footer-contact>a:first-child{font-size:15px;font-weight:bold;white-space:nowrap}.artopt-footer-contact small{display:block;color:#7c8474;font-size:10px}.artopt-footer-contact>a:last-child{display:block;margin-top:6px;font-size:11px;text-decoration:underline}.artopt-footer-copyright{font-size:10px;color:#7c8474;align-self:end}
@media(max-width:900px){.artopt-makers-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.artopt-home-footer{width:calc(100% - 32px);grid-template-columns:1fr 1fr}.artopt-home-footer .artopt-brand{white-space:normal}}
@media(max-width:480px){.artopt-makers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.artopt-makers-heading>a{font-size:10px}.artopt-home-footer{width:calc(100% - 24px);grid-template-columns:minmax(0,1fr)}.artopt-footer-links{grid-template-columns:1fr 1fr}}
/* One page scroll for the whole catalog, including its expanded filters. */
.artopt-catalog #workarea{height:auto;max-height:none;overflow:visible;align-items:start}
.artopt-catalog #workarea>#right_column,#workarea>.artopt-catalog-region{height:auto;max-height:none;min-height:560px;overflow:visible;position:relative}
.artopt-catalog #workarea>#left_column{height:auto;max-height:none;overflow:visible}
.artopt-home main{padding-bottom:8px}
.artopt-makers{margin-top:0;padding-block:12px}
.artopt-makers-heading{height:24px;margin-bottom:6px}
.artopt-makers-grid>a{height:44px}
.artopt-home-footer{padding-block:18px}
.artopt-home-footer .artopt-footer-links{width:auto;max-width:100%;min-width:0;height:auto;position:static;margin:0;padding:0;border:0;background:none;box-shadow:none}
.artopt-home-footer .artopt-footer-links a{line-height:18px}
/* The legacy menu control must not compete with the SDK navigation. */
.artopt-header .mobile-button-menu,.artopt-home-footer .mobile-button-menu{display:none!important}
@media(max-width:900px){#page-wrapper>.artopt-header{grid-template-rows:64px 42px 48px;row-gap:12px;padding-top:16px;height:194px;min-height:194px}.artopt-header .artopt-main-menu{display:block!important;height:48px!important;margin:0!important}}
.artopt-card-media img{position:absolute;inset:0}
/* The in-frame SVG already carries the error label; replacing the spinner's
   pseudo-element with a full-frame label would itself register a layout shift. */
.artopt-card-media[data-state="error"]:after{display:none}
#top_sections_inner{width:100%;max-width:100%;box-sizing:border-box}
/* Real product cards: no alternating floats, clipped copy, or hover-only facts. */
.artopt-products{position:relative;min-width:0;padding:16px;box-sizing:border-box;font:13px/1.4 Arial,sans-serif;color:#30362c}
.artopt-products-toolbar{height:62px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid #e1e5db;margin-bottom:16px}
.artopt-products-toolbar>span{font-weight:bold}.artopt-products-toolbar label{font-size:11px;color:#626b5b}.artopt-products-toolbar select{font:12px Arial,sans-serif;border:1px solid #dce2d5;background:#fff;border-radius:4px;padding:7px;max-width:200px}
.artopt-products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.artopt-product-card{display:grid;grid-template-rows:auto 48px 86px 58px;min-width:0;position:relative;margin:0;border:1px solid #dce2d5;border-radius:5px;overflow:hidden;background:#fff;box-sizing:border-box}
.artopt-product-card:hover{border-color:#809b55;box-shadow:0 3px 10px #31451c12}
.artopt-product-card .artopt-product-media{display:block;position:relative;aspect-ratio:1;min-width:0;overflow:hidden;background:#f4f6ef;border:0;border-bottom:1px solid #edf0e7;border-radius:0}
.artopt-product-card .artopt-product-media img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:1;object-fit:contain;margin:0;padding:12px;box-sizing:border-box}
.artopt-product-name{display:block;padding:10px 12px 0;font:bold 16px/20px Georgia,serif;color:#26341f;overflow:hidden;text-decoration:none;box-sizing:border-box}
.artopt-product-meta{padding:4px 12px;font:11px/18px Arial,sans-serif;color:#757d6f;overflow:hidden;box-sizing:border-box}
.artopt-product-meta>a,.artopt-product-meta>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#68765b;text-decoration:none}
.artopt-product-meta>a:hover{text-decoration:underline}
.artopt-product-buy{height:58px;display:flex;gap:8px;justify-content:space-between;align-items:center;padding:8px 12px;border-top:1px solid #edf0e7;box-sizing:border-box}
.artopt-product-price{font:bold 17px/20px Arial,sans-serif;white-space:nowrap;color:#283421}.artopt-product-price small{display:block;font:10px/14px Arial,sans-serif;color:#7d8475;max-width:130px;overflow:hidden;text-overflow:ellipsis}
.artopt-product-buy .artopt-product-cart{position:static;display:inline-flex;align-items:center;justify-content:center;min-width:84px;height:32px;padding:0 8px;border-radius:4px;background:#7d9c43;color:#fff;font:12px Arial,sans-serif;text-decoration:none;white-space:nowrap;box-sizing:border-box;float:none}
.artopt-product-cart[aria-disabled="true"]{background:#ecf1e4;color:#527334}
.artopt-product-placeholder .artopt-product-name:before,.artopt-product-placeholder .artopt-product-meta:before{content:"";display:block;height:14px;width:70%;margin-top:4px;border-radius:3px;background:#edf0e8}
.artopt-products-message{min-height:40px;padding:8px 0;box-sizing:border-box}.artopt-products-message[data-error]{color:#8a3f24}.artopt-products-message button,.artopt-product-pages button{font:12px Arial,sans-serif;background:#fff;color:#45672e;border:1px solid #cbd7bd;border-radius:4px;padding:8px 14px;cursor:pointer}
.artopt-product-pages{display:flex;align-items:center;justify-content:center;gap:16px;height:40px}.artopt-product-pages button:disabled{color:#9aa18f;cursor:default;background:#f4f6f0}
.artopt-products[aria-busy="true"]:after{content:"Обновление товаров…";position:sticky;bottom:12px;display:block;height:36px;line-height:36px;width:200px;margin:-36px auto 0;text-align:center;background:#f7f9f2;border:1px solid #cbd7bd;border-radius:5px;box-sizing:border-box;z-index:2;pointer-events:none}
.artopt-catalog-region[aria-busy="true"]:after{display:none}
.artopt-filter-status{height:34px;padding:8px 10px;box-sizing:border-box;color:#4f693a;background:#f1f5e9;font:12px/18px Arial,sans-serif;white-space:nowrap;overflow:hidden}
#model_counter{display:none!important}
#right_column .sec_info_div:has(>.catalog_block_small){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:16px;box-sizing:border-box}
#right_column .sec_info_div>.top_nav,#right_column .sec_info_div>.clear,#right_column .sec_info_div>.navigation-bottom{grid-column:1/-1}
#right_column .sec_info_div>.catalog_block_small{float:none;width:auto;min-width:0;height:auto!important;min-height:380px;background:#fff;border:1px solid #dce2d5;border-radius:5px;overflow:hidden;margin:0;font:12px/1.5 Arial,sans-serif;box-sizing:border-box}
#right_column .sec_info_div>.catalog_block_small:not(:has(img)){display:none}
#right_column .catalog_block_small>.catalog_right_border,#right_column .catalog_block_small>div{position:static;background:none;width:100%;height:auto;box-sizing:border-box}
#right_column .catalog_block_small>div>a:has(img){display:block;position:relative;aspect-ratio:1;background:#f5f7f0}
#right_column .catalog_block_small img.catalog_img_small{position:absolute;inset:0;float:none;width:100%;height:100%;max-height:none;aspect-ratio:1;object-fit:contain;padding:12px;box-sizing:border-box;margin:0;border:0}
#right_column .catalog_block_small .catalog_block_desc_small{position:static;float:none;width:auto;height:auto;margin:0;padding:12px;overflow:visible;box-sizing:border-box}
#right_column .catalog_block_small .catalog_name{display:block;min-height:40px;font:bold 16px/20px Georgia,serif;color:#26341f;overflow-wrap:anywhere}
#right_column .catalog_block_small .catalog_buy_block{display:flex;position:static;align-items:center;justify-content:space-between;gap:8px;margin:8px 0;padding:0;min-height:36px;float:none}
#right_column .catalog_block_small .catalog_buttons_small{position:static;float:none;width:auto;margin:0}#right_column .catalog_block_small .catalog_desc_small{display:block;height:auto;width:auto;margin:8px 0 0;padding:0;position:static;overflow:visible}
#right_column .catalog_block_small .catalog_desc_small.full{display:none}
#right_column .catalog_block_small .catalog_desc_small p{font:11px/17px Arial,sans-serif;margin:0;overflow-wrap:anywhere}
#right_column .catalog_block_small:hover .catalog_desc_small{display:block}#right_column .catalog_block_small:hover .catalog_desc_small.full{display:none}
.catalog-detail>div.catalog-detail{padding:16px;border:1px solid #e1e5db;border-radius:5px;background:#fff}
.catalog-detail-desc,.catalog-detail-properties,.catalog-detail-property{min-width:0;max-width:100%;box-sizing:border-box}
#right_column>.catalog-detail>.catalog-detail>div.catalog-detail-desc{margin:0;padding:0;width:auto;float:none}
@media(max-width:1250px){.artopt-products-grid,#right_column .sec_info_div:has(>.catalog_block_small){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.artopt-products-grid,#right_column .sec_info_div:has(>.catalog_block_small){grid-template-columns:repeat(2,minmax(0,1fr))}.artopt-products-toolbar{height:90px}.artopt-products-toolbar>span{width:100%}}
@media(max-width:540px){.artopt-products-grid,#right_column .sec_info_div:has(>.catalog_block_small){grid-template-columns:minmax(0,1fr)}.artopt-products{padding:12px}.artopt-products-toolbar{height:116px;align-content:center;justify-content:flex-start;gap:8px}.artopt-products-toolbar label{display:flex;align-items:center;gap:6px}.artopt-products-toolbar select{max-width:165px}.catalog-detail>div.catalog-detail{grid-template-columns:minmax(0,1fr);padding:12px}}
.artopt-product-card{grid-template-rows:auto 48px 116px 58px}
#filter_area{border:1px solid #dce2d5;border-radius:5px;background:#f7f8f3;box-shadow:none;overflow:visible;font-family:Arial,sans-serif}
#filter_area .master{padding:12px 10px;background:#eef2e6;font:16px/22px Georgia,serif;color:#3c5230;text-align:left;border:0}
#pricefilter .blue_field{display:flex;align-items:center;justify-content:space-between;gap:8px;clear:both;height:52px;margin:0;padding:8px 10px;background:none;box-sizing:border-box}
#pricefilter .blue_field input{float:none;position:static;width:calc(50% - 4px);height:34px;margin:0;padding:0 6px;box-sizing:border-box;border:1px solid #cad7bb;border-radius:4px;background:#fff;font:12px/32px Arial,sans-serif;color:#4b6636;box-shadow:none;cursor:pointer}
#pricefilter .blue_field input.submit{background:#7d9c43;color:#fff;border-color:#7d9c43;order:-1}
#pricefilter .select_box{padding:5px 10px}#pricefilter select{width:100%;height:34px;padding:0 8px;border:1px solid #d5ddca;border-radius:4px;background:#fff;box-sizing:border-box;font:12px Arial,sans-serif}
#pricefilter .checkbox_params{box-sizing:border-box;padding:5px 10px;height:30px;min-width:0;max-width:100%}#pricefilter .sec-head-wrapper{background:#f0f3e9;border-top:1px solid #dce2d5}
#pricefilter .dop_params{padding-inline:10px;box-sizing:border-box;max-width:100%}#pricefilter .group_filter .podfilter_link{max-width:calc(100% - 25px);white-space:normal}#pricefilter .block-input label{white-space:normal}
/* All properties are already visible in each card; legacy hover clones overlap it. */
#right_column .catalog_block_small>.shadow-one{display:none!important}
#right_column .sec_info_div:has(>.catalog_block_small)>:not(.catalog_block_small){grid-column:1/-1;width:auto;min-width:0}
.artopt-products .artopt-product-pages{position:static;float:none;width:100%;min-width:0;max-width:100%;margin:0;padding:0;background:none;border:0;box-shadow:none;box-sizing:border-box}
.artopt-products-toolbar>[data-artopt-result-count]{flex:0 0 150px;width:150px;height:20px;white-space:nowrap;line-height:20px}
#pricefilter #price{height:126px;padding:16px 10px 10px;box-sizing:border-box;width:100%;max-width:100%}
#pricefilter #price>p:first-child{display:flex;align-items:center;gap:4px;white-space:nowrap;font-size:12px;margin:0}
#pricefilter #left_limit,#pricefilter #right_limit{position:static;float:none;width:50px;max-width:60px;min-width:0;flex:1 1 40px;padding:5px 3px;box-sizing:border-box;font:12px Arial,sans-serif}
#pricefilter #begunok23{margin:16px 8px 8px}
#pricefilter #price{position:relative}
#pricefilter #begunok23{height:8px;min-height:8px;box-sizing:border-box}
#pricefilter #price .pricerange{position:absolute;top:auto;bottom:8px;width:45%;height:18px;margin:0;line-height:18px;box-sizing:border-box}
#pricefilter #price .min{left:10px;text-align:left}#pricefilter #price .max{right:10px;text-align:right}
/* Reserve streamed auth/basket HTML before its server component has finished. */
.artopt-header-actions{width:344px;height:42px;min-width:344px;gap:14px;justify-content:flex-start}
.artopt-header-actions .artopt-phone{flex:0 0 110px;width:110px}
.artopt-header-actions .artopt-account{flex:0 0 60px;width:60px;min-width:0}
.artopt-header-actions .artopt-basket{flex:0 0 143px;width:143px;min-width:0}
@media(max-width:900px){.artopt-header-actions{width:220px;min-width:220px;gap:10px}}
@media(max-width:480px){.artopt-header-actions{width:84px;min-width:84px;gap:8px}.artopt-header-actions .artopt-account{flex-basis:50px;width:50px}.artopt-header-actions .artopt-basket{flex-basis:25px;width:25px}}
@media(max-width:900px){.artopt-products-toolbar>[data-artopt-result-count]{flex-basis:100%;width:100%}}
/* Native manufacturer identities: a quiet, fixed-height marquee and full directory. */
.artopt-makers{padding:32px 0 22px;background:#f6f6f0;border-block:1px solid #dce1d3;min-width:0}
.artopt-makers-heading{height:74px;box-sizing:border-box;margin:0 0 20px;gap:24px;align-items:center}.artopt-makers-eyebrow,.artopt-makers-eyebrow+ h2{display:block}.artopt-makers-eyebrow{font:10px/1.4 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#858d75;margin-bottom:7px}.artopt-makers-heading h2{font:clamp(24px,2.4vw,34px)/1.15 Georgia,serif;font-weight:normal;margin:0;color:#2d3925}
.artopt-makers-heading>a.artopt-makers-all{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;flex-shrink:0;min-height:48px;box-sizing:border-box;padding:13px 22px;border:1px solid #b3be9f;border-radius:999px;background:#fffef8;white-space:nowrap;font:13px/1.4 Arial,sans-serif;color:#354a27;text-decoration:none;transition:background .2s,border-color .2s}.artopt-makers-all span{font-size:22px}.artopt-makers-heading>a.artopt-makers-all:hover{background:#e9eedf;border-color:#7e945f}
.artopt-makers-viewport{height:144px;overflow:hidden;position:relative;min-width:0;contain:layout paint}.artopt-makers-track{display:flex;width:max-content;height:144px;will-change:transform}.artopt-makers-group{display:flex;flex:none;gap:14px;padding-right:14px;box-sizing:border-box;height:144px}.artopt-maker-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:180px;height:144px;flex:none;box-sizing:border-box;padding:18px 16px;border:1px solid #dfe4d5;border-radius:12px;background:#fff;text-decoration:none!important;color:#3c4931;font:12px/1.3 Arial,sans-serif;overflow:hidden}.artopt-maker-card:hover{border-color:#a4b589;background:#fffef9}.artopt-maker-logo{display:flex;align-items:center;justify-content:center;width:100%;height:76px;min-height:76px;position:relative;background:#fff!important;overflow:hidden;aspect-ratio:auto!important;border-radius:0!important}.artopt-maker-logo img,.artopt-maker-logo img.artopt-lazy{display:block;width:100%!important;height:100%!important;object-fit:contain!important;aspect-ratio:12/5!important;background-color:#fff}.artopt-maker-wordmark{font:20px Georgia,serif}.artopt-maker-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.artopt-maker-arrow{position:absolute;right:14px;bottom:16px;color:#85956d}.artopt-maker-skeleton{background:linear-gradient(110deg,#edf0e6,#f7f8f2);border-color:#e5e9dd}.artopt-makers-controls{height:40px;margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:14px;font:11px/1.3 Arial,sans-serif;color:#737d65}.artopt-makers-controls>div{display:flex;gap:6px}.artopt-makers-controls button{display:inline-flex;justify-content:center;align-items:center;height:32px;min-width:34px;padding:4px 11px;background:#fff;border:1px solid #cbd4bd;border-radius:999px;color:#3a4c2c;font:12px Arial,sans-serif;cursor:pointer}.artopt-makers-controls [data-artopt-makers-status]{max-width:55%;overflow:hidden}.artopt-makers :focus-visible,.artopt-maker-directory :focus-visible{outline:3px solid #849c61;outline-offset:3px}.artopt-maker-directory{padding:24px}.artopt-maker-directory-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.artopt-maker-directory-grid .artopt-maker-card{width:100%;height:164px}.artopt-maker-directory-grid .artopt-maker-logo{height:92px;min-height:92px}.artopt-maker-directory-grid .artopt-maker-name{max-width:calc(100% - 22px)}
@media(max-width:1050px){.artopt-maker-directory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:680px){.artopt-makers{padding-top:22px}.artopt-makers-heading{height:112px;align-items:start;justify-content:start;flex-direction:column;gap:12px;margin-bottom:16px}.artopt-makers-heading>a.artopt-makers-all{min-height:40px;padding:9px 16px;font-size:12px;gap:24px}.artopt-makers-heading h2{font-size:26px}.artopt-makers-eyebrow{font-size:9px}.artopt-maker-card{width:156px}.artopt-maker-directory{padding:14px}.artopt-maker-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.artopt-makers-controls{height:52px;gap:8px}.artopt-makers-controls>span{font-size:10px}.artopt-makers-controls button{padding:4px 9px}}
@media(prefers-reduced-motion:reduce){.artopt-makers-track{will-change:auto}.artopt-makers-all{transition:none}}
/* Loading, reduced-motion and pause labels share one preallocated control row. */
.artopt-makers-controls>div{flex:none}
.artopt-makers-controls [data-makers-pause]{width:108px;min-width:108px;flex:none}
.artopt-makers-controls [data-artopt-makers-status]{flex:1;min-width:0;max-width:none;white-space:nowrap;text-overflow:ellipsis}

/* Collection pages flow with the document, like the rest of the catalog.
   Gallery frames exist before lazy images load and never depend on file size. */
.artopt-catalog-section #workarea{align-items:start}
.artopt-catalog-section #workarea>#right_column,.artopt-catalog-section #workarea>#left_column{height:auto;min-height:0;max-height:none;overflow:visible;scrollbar-gutter:auto}
.artopt-catalog-section #right_column>.au-photo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;margin:16px 0 24px;padding:0 16px;box-sizing:border-box}
.artopt-catalog-section #right_column .au-photo-one{float:none;width:auto;min-width:0;background:none}
.artopt-catalog-section #right_column .au-photo-one-2{height:100%;padding:0;background:none;text-align:initial}
.artopt-catalog-section #right_column .au-photo-one-2>a{display:block;position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:5px;background:#f4f6ef}
.artopt-catalog-section #right_column .au-photo img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;margin:0;padding:0;border:0}
.artopt-catalog-section #right_column .sec_info_div:has(>.catalog_block_small){align-content:start;align-items:stretch}
@media(max-width:900px){.artopt-catalog-section #right_column>.au-photo{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.artopt-catalog-section #right_column>.au-photo{grid-template-columns:minmax(0,1fr);padding-inline:12px}}

/* Match the existing green filter submit action instead of a separate pill. */
.artopt-makers-heading>a.artopt-makers-all{justify-content:center;gap:10px;min-height:34px;height:34px;padding:0 14px;border:1px solid #7d9c43;border-radius:4px;background:#7d9c43;color:#fff;font:12px/32px Arial,sans-serif;text-decoration:none}
.artopt-makers-heading>a.artopt-makers-all:hover{background:#6d8c33;border-color:#6d8c33;color:#fff}
.artopt-makers-all span{font-size:16px;color:inherit}
