/* Loaded at the end of <head>. Page classes are present in the server HTML. */
html.ts-service-page #personalMenuWrap {height:auto;min-width:0;margin:0 0 28px;background:none;border:0;overflow:visible}
html.ts-service-page #personalMenu {display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0 0 24px;border:0;border-bottom:1px solid #e2e9f3;list-style:none;overflow:visible}
html.ts-service-page #personalMenu li {float:none;margin:0;padding:0;width:auto;border:0;background:none}
html.ts-service-page #personalMenu li a {display:flex;align-items:center;min-height:46px;box-sizing:border-box;padding:11px 18px;border:1px solid #dce5f1;border-radius:12px;background:#fff;color:#455e7b;font:400 14px/22px robotoRegular,Arial,sans-serif;text-decoration:none;transition:background-color .18s,color .18s,border-color .18s}
html.ts-service-page #personalMenu li a.selected {color:#fff;background:#12345a;border-color:#12345a;font-family:robotoBold,Arial,sans-serif}
html.ts-service-page #personalMenu li a:hover {color:#174e93;background:#edf4fc;border-color:#b8cde8}
html.ts-service-page #personalMenu li a.selected:hover {color:#fff;background:#194875}
html.ts-service-page #personalMenu:after {display:none}
html.ts-service-page .global-block-container {grid-template-columns:minmax(0,1fr) 340px;gap:28px;min-height:0!important;align-items:start}
html.ts-service-page .global-content-block {display:block;box-sizing:border-box;min-width:0}
html.ts-service-page .ts-service-aside {display:block;min-width:0;width:100%;box-sizing:border-box;position:sticky;top:104px;align-self:start;margin:0;padding:0}
html body .ts-help-card {box-sizing:border-box;padding:26px;background:#edf4fd;border:1px solid #dbe6f4;border-radius:22px;color:#3e597a;max-height:calc(100vh - 184px);overflow:auto;scrollbar-width:thin}
html body .ts-help-card .ts-help-eyebrow {display:block;font:700 10px/1.5 robotoBold,Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#59779a;margin-bottom:10px}
html.ts-service-page #main .ts-help-card h2 {font:700 25px/1.2 robotoBold,Arial,sans-serif;letter-spacing:-.025em;color:#153355;margin:0 0 10px}
html body .ts-help-card>p {margin:0 0 20px;font:400 14px/1.6 robotoRegular,Arial,sans-serif;color:#647a95}
html body .ts-help-contacts {display:grid;gap:0}
html body .ts-help-row {display:grid;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:13px;padding:16px 0;border-top:1px solid #d9e4f2;color:#214669;text-decoration:none;font:400 14px/1.55 robotoRegular,Arial,sans-serif}
html body .ts-help-row>img {display:block;width:22px;height:22px;margin-top:4px}
html body .ts-help-row>span {min-width:0;overflow-wrap:anywhere}
html body .ts-help-row small {display:block;font:400 11px/1.5 robotoRegular,Arial,sans-serif;color:#7a8fa8;margin-bottom:4px}
html body a.ts-help-row:hover {color:#175fba}
html body .ts-help-button {display:flex;justify-content:space-between;align-items:center;min-height:48px;box-sizing:border-box;margin-top:18px;padding:13px 17px;border-radius:12px;background:#1e5fae;color:#fff;text-decoration:none;font:700 14px/1.4 robotoBold,Arial,sans-serif;transition:background .18s}
html body .ts-help-button:hover {background:#174d8f;color:#fff}
html body .ts-help-button:focus-visible,html body .ts-help-row:focus-visible,html body .ts-category-panel a:focus-visible,html body #personalMenu a:focus-visible {outline:3px solid #77aef2;outline-offset:4px}
.ts-category-collection {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:32px 0}
.ts-category-panel {display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #dce5f1;border-radius:23px;overflow:hidden;box-shadow:0 8px 30px #102b4d04;transition:border-color .2s,box-shadow .2s}
.ts-category-panel:hover {border-color:#aac5e5;box-shadow:0 15px 40px #102b4d0d}
.ts-category-photo {position:relative;display:block;aspect-ratio:1.85;overflow:hidden;background:#092343}
.ts-category-photo img {display:block;width:100%;height:100%;object-fit:cover;object-position:right center}
.ts-category-photo>span {position:absolute;left:18px;bottom:16px;padding:7px 11px;border:1px solid #ffffff3a;border-radius:100px;background:#071e3ee0;color:#fff;font:400 12px/1.2 robotoRegular,Arial,sans-serif}
.ts-category-body {display:flex;flex:1;min-width:0;flex-direction:column;padding:26px}
html.ts-catalog-index .ts-category-panel h2 {font:700 clamp(21px,1.7vw,26px)/1.22 robotoBold,Arial,sans-serif;letter-spacing:-.025em;margin:0 0 12px;color:#152f50}
.ts-category-panel h2 a {color:inherit;text-decoration:none}
.ts-category-body>p {font:400 14px/1.6 robotoRegular,Arial,sans-serif;color:#718096;min-height:45px;margin:0 0 22px}
.ts-category-options {display:grid;gap:9px;margin:0 0 24px}
.ts-category-options>a {display:flex;justify-content:space-between;align-items:center;gap:12px;min-width:0;min-height:64px;box-sizing:border-box;padding:12px 15px;border:1px solid #e4ebf5;border-radius:12px;background:#f6f9fd;text-decoration:none;color:#244a76;transition:background .18s,border-color .18s}
.ts-category-options>a:hover {background:#edf4fe;border-color:#b8ceeb}
.ts-category-options strong {display:block;font:700 14px/1.4 robotoBold,Arial,sans-serif}
.ts-category-options small {display:block;font:400 12px/1.5 robotoRegular,Arial,sans-serif;color:#7689a1;margin-top:3px}
.ts-option-arrow {flex:0 0 auto;font-size:20px;color:#6d8daf}
.ts-category-browse {display:flex;justify-content:space-between;align-items:center;min-height:44px;padding-top:18px;margin-top:auto;border-top:1px solid #e6edf6;font:700 14px/1.4 robotoBold,Arial,sans-serif;text-decoration:none;color:#1d5daa}
.ts-category-browse span {font-size:21px}
.ts-icma-banner {display:flex;align-items:center;gap:30px;margin:0 0 60px;padding:28px 32px;border:1px solid #dce5f1;border-radius:22px;background:linear-gradient(110deg,#eaf2fe,#fff);color:#173657}
.ts-icma-wordmark {font:700 43px/1 robotoBold,Arial,sans-serif;letter-spacing:-.04em;border-right:1px solid #d1deef;padding-right:30px}
.ts-icma-banner>div>span {font:700 10px/1.4 robotoBold,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#738aa5}
html.ts-catalog-index .ts-icma-banner h2 {font:700 21px/1.3 robotoBold,Arial,sans-serif;margin:6px 0}
.ts-icma-banner p {font:400 14px/1.5 robotoRegular,Arial,sans-serif;margin:0;color:#70849d}
.ts-icma-banner>a {display:flex;align-items:center;gap:30px;margin-left:auto;white-space:nowrap;color:#214f87;background:#fff;border:1px solid #d5e1f1;border-radius:11px;padding:14px 18px;font:700 14px/1.4 robotoBold,Arial,sans-serif;text-decoration:none}
html.ts-stable-ui .awz_cookies_sett__container {box-sizing:border-box;padding:18px;border:1px solid #dce5f1;border-radius:16px 16px 0 0;background:#fff;box-shadow:0 -8px 35px #102b4d14}
html.ts-stable-ui #awz_cookies_sett__msg {font:400 12px/1.55 robotoRegular,Arial,sans-serif;color:#50637c;text-align:left}
html.ts-stable-ui .awz_cookies_sett__col__right {display:flex;flex-wrap:wrap;justify-content:center;gap:7px;align-items:center}
html.ts-stable-ui .awz_cookies_sett__btn {display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;padding:10px 12px;margin:0;border:1px solid #d4e0ef;border-radius:9px;background:#edf3fb;color:#214a78;font:400 12px/1.4 robotoRegular,Arial,sans-serif;cursor:pointer}
html.ts-stable-ui #awz_cookies_sett__all {background:#205fae;color:#fff;border-color:#205fae}
html.ts-stable-ui .awz_cookies_sett__btn:hover {filter:brightness(.96)}
html.ts-stable-ui #upButton {width:44px;height:44px;right:20px;bottom:76px;background:none;border-radius:50%;box-shadow:0 5px 20px #0c254b1c}
html.ts-stable-ui #upButton a {display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:44px;height:44px;background:#15365c;border:1px solid #ffffff40;border-radius:50%;text-decoration:none;color:#fff}
html.ts-stable-ui #upButton a:before {content:'↑';font:400 26px/1 Arial,sans-serif}
html.ts-stable-ui #upButton a:hover {background:#205fae}
@media(max-width:1100px){
 html.ts-service-page .global-block-container {grid-template-columns:minmax(0,1fr)}
 html.ts-service-page .ts-service-aside {position:static}
 html body .ts-help-card {max-height:none;overflow:visible}
 html body .ts-help-contacts {grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
 .ts-category-collection {grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
 .ts-category-body {padding:22px}
}
@media(max-width:700px){
 html.ts-service-page #personalMenuWrap {overflow:visible}
 html.ts-service-page #personalMenu {flex-wrap:wrap;overflow:visible;gap:8px;white-space:normal;padding-bottom:22px}
 html.ts-service-page #personalMenu li a {font-size:13px;padding:10px 14px;min-height:44px}
 html.ts-service-page .global-block-container {gap:20px}
 html body .ts-help-card {padding:23px;border-radius:18px}
 html body .ts-help-contacts {grid-template-columns:minmax(0,1fr)}
 .ts-category-collection {grid-template-columns:minmax(0,1fr);gap:18px;margin-top:24px}
 .ts-category-photo {aspect-ratio:1.75}
 .ts-category-body {padding:23px}
 .ts-category-body>p {min-height:0}
 .ts-icma-banner {flex-wrap:wrap;gap:20px;padding:25px;margin-bottom:35px}
 .ts-icma-wordmark {font-size:36px;padding-right:20px}
 .ts-icma-banner>a {width:100%;margin:0;justify-content:space-between;box-sizing:border-box}
}
@media(prefers-reduced-motion:reduce){.ts-category-panel,.ts-category-photo img,.ts-category-options>a{transition:none!important}}

/* Balanced product cards: override the legacy auto-sized, left-anchored photos. */
html.ts-stable-ui body .ts-product-grid .item.product .productColImage {margin-bottom:14px;border-radius:12px;background:#f5f7fb}
html.ts-stable-ui body .ts-product-grid .item.product .productColImage a.picture {padding:0!important;aspect-ratio:1.15;overflow:hidden}
html.ts-stable-ui body .ts-product-grid .item.product .productColImage a.picture img {position:absolute!important;inset:0!important;display:block;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;object-fit:contain!important;object-position:center!important;mix-blend-mode:normal;transform:none!important}
html.ts-stable-ui body .ts-product-grid .item.product .ts-product-labels {min-height:36px;padding:8px 9px;gap:5px}
html.ts-stable-ui body .ts-product-grid .item.product a.name {display:block!important;height:auto!important;min-height:0!important;margin:0 0 8px!important;overflow:visible;-webkit-line-clamp:unset;font-family:robotoBold,Arial,sans-serif!important;font-weight:700!important;font-size:15px!important;line-height:1.4!important}
html.ts-stable-ui body .ts-product-grid .item.product .ts-product-spec {min-height:0;height:auto;margin:0;color:#728399;font-size:12px;line-height:1.5;white-space:pre-line}
html.ts-stable-ui body .ts-product-grid .item.product .price {margin:14px 0 7px!important;line-height:1.15!important}
html.ts-stable-ui body .ts-product-grid .item.product .ts-product-availability {margin:0 0 12px;line-height:1.4}
html.ts-stable-ui body .ts-product-grid .item.product .addCartContainer {margin-top:auto!important;padding-top:0}
@media(max-width:700px){
 html.ts-stable-ui body .ts-product-grid .item.product .productColImage {margin-bottom:12px}
 html.ts-stable-ui body .ts-product-grid .item.product .ts-product-labels {min-height:31px;padding:5px;gap:4px}
 html.ts-stable-ui body .ts-product-grid .item.product a.name {font-size:13px!important;line-height:1.4!important}
 html.ts-stable-ui body .ts-product-grid .item.product .ts-product-spec {font-size:10px;line-height:1.5}
 html.ts-stable-ui body .ts-product-grid .item.product .price {margin-top:12px!important}
}

/* Keep the recommendation rail within narrow phone viewports. */
@media(max-width:600px){
 #footerTabsCaption,#footerTabs,#footerTabsCaption>.wrapper,#footerTabs>.wrapper,
 #footerTabsCaption .items,#footerTabsCaption .item,#footerTabsCaption .item a,
 #footerTabs .items,#footerTabs .tab,#footerTabs #topProduct,#footerTabs #topProduct>.wrap{
  min-width:0!important;max-width:100%!important;box-sizing:border-box;
 }
 #footerTabsCaption>.wrapper,#footerTabs>.wrapper{width:100%!important}
}

/* Product delivery entry: shared by desktop/mobile and the legacy fallback. */
html.ts-product-detail #catalogElement :is(#elementTools,#smallElementTools) .secondTool > .delivery-button-container {
  margin:0 0 16px;
}
html.ts-product-detail #catalogElement :is(#elementTools,#smallElementTools) .delivery-button-container .dev-delivery-calc {
  display:block;
  width:100%;
}
html.ts-product-detail #catalogElement :is(#elementTools,#smallElementTools) .secondTool .delivery-button-container :is(.dev-delivery-calc__trigger,a.calcDeliveryButton) {
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  width:100%;
  min-height:56px;
  height:auto;
  margin:0;
  padding:14px 13px;
  border:1px solid #a9c7ec;
  border-radius:12px;
  background:#edf5ff;
  color:#185aab;
  font:400 15px/1.4 robotoBold,Arial,sans-serif;
  text-align:left;
  text-decoration:none;
  white-space:normal;
  cursor:pointer;
  box-shadow:0 2px 6px rgba(24,90,171,.05);
  transition:background-color .16s,border-color .16s,box-shadow .16s;
}
html.ts-product-detail #catalogElement :is(#elementTools,#smallElementTools) .delivery-button-container :is(.dev-delivery-calc__trigger,a.calcDeliveryButton) > .icon {
  display:none;
}
html.ts-product-detail #catalogElement :is(#elementTools,#smallElementTools) .delivery-button-container :is(.dev-delivery-calc__trigger,a.calcDeliveryButton)::before {
  content:"";
  flex:0 0 24px;
  width:24px;
  height:24px;
  background:center/24px 24px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23185aab' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h11v11H8m-5-4v4h1m10-8h4l3 4v4h-2m-5 0h1M2 9h6M1 12h5'/%3E%3Ccircle cx='6' cy='17' r='2'/%3E%3Ccircle cx='17' cy='17' r='2'/%3E%3C/svg%3E");
}
html.ts-product-detail #catalogElement :is(#elementTools,#smallElementTools) .delivery-button-container :is(.dev-delivery-calc__trigger,a.calcDeliveryButton)::after {
  content:"";
  flex:0 0 7px;
  width:7px;
  height:7px;
  margin-left:auto;
  border-top:1.5px solid currentColor;
  border-right:1.5px solid currentColor;
  transform:rotate(45deg);
}
html.ts-product-detail #catalogElement :is(#elementTools,#smallElementTools) .secondTool .delivery-button-container :is(.dev-delivery-calc__trigger,a.calcDeliveryButton):hover {
  background:#e0eeff;
  border-color:#5d96dc;
  box-shadow:0 3px 10px rgba(24,90,171,.10);
}
html.ts-product-detail #catalogElement :is(#elementTools,#smallElementTools) .secondTool .delivery-button-container :is(.dev-delivery-calc__trigger,a.calcDeliveryButton):focus-visible {
  outline:3px solid #246bca;
  outline-offset:3px;
}
html.ts-product-detail #catalogElement :is(#elementTools,#smallElementTools) .secondTool .delivery-button-container :is(.dev-delivery-calc__trigger,a.calcDeliveryButton):active {
  background:#d4e7ff;
}
@media (prefers-reduced-motion:reduce) {
  html.ts-product-detail #catalogElement :is(#elementTools,#smallElementTools) .delivery-button-container :is(.dev-delivery-calc__trigger,a.calcDeliveryButton) {transition:none}
}