

/* Start:/local/templates/pennington-2.0/components/bitrix/catalog.element/.default/style.css?178289116312001*/
/* ============================================================
   ХуаШен 2.0 — catalog.element
   Здесь ТОЛЬКО механика, которой нет в дизайн-системе и без которой
   ломается функционал штатного JS (galleys-слайдер, переключение табов,
   плавающие панели, попап). Весь ВИЗУАЛ деталки (цена, размеры, цвета,
   кол-во, кнопки, бейджи, типографика) — основной css/style.css по ДС.
   Штатные стили .product-item-detail-* НЕ копируем, чтобы они не
   перебивали дизайн-систему.
   ============================================================ */

/* Корень + сетка для штатных блоков в хвосте (наборы, рекомендации) */
.bx-catalog-element{padding:0 0 32px}
.bx-catalog-element .row{display:flex;flex-wrap:wrap;margin:0}
.bx-catalog-element [class*="col-"]{padding:0;box-sizing:border-box;width:100%;min-width:0}
@media (min-width:760px){.bx-catalog-element .col-sm-6{width:50%}.bx-catalog-element .col-sm-8{width:66.667%}}
@media (min-width:992px){.bx-catalog-element .col-md-6{width:50%}.bx-catalog-element .col-md-9{width:75%}.bx-catalog-element .col-md-3{width:25%}}

/* ---- Галерея: штатный JS-слайдер (opacity-слои) внутри ДС .pdp-stage ----
   Высоту/пропорцию/фон даёт .pdp-stage из основного css (aspect-ratio:1/1). */
/* группа миниатюр оффера: штатный BX.show при смене SKU ставит display:block (inline, перебивает flex),
   поэтому отступы между миниатюрами задаём через margin — работает и при flex, и при block */
.bx-catalog-element .pdp-thumbs-group{display:flex;flex-direction:column}
.bx-catalog-element .pdp-thumbs-group .pdp-thumb{margin:0 0 12px}
.bx-catalog-element .pdp-thumbs-group .pdp-thumb:last-child{margin-bottom:0}
.bx-catalog-element .pdp-stage{padding:32px}
.bx-catalog-element .pdp-stage .product-item-detail-slider-block{position:absolute;inset:0;padding:0;height:auto;margin:0}
.bx-catalog-element .pdp-stage .product-item-detail-slider-images-container{position:absolute;inset:0}
.bx-catalog-element .pdp-stage .product-item-detail-slider-image{position:absolute;inset:0;opacity:0;transition:opacity .25s linear;display:block}
.bx-catalog-element .pdp-stage .product-item-detail-slider-image.active{opacity:1;z-index:5}
.bx-catalog-element .pdp-stage .product-item-detail-slider-image img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:88%;max-height:88%;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply;cursor:zoom-in}
.bx-catalog-element .pdp-stage .product-item-detail-slider-left,
.bx-catalog-element .pdp-stage .product-item-detail-slider-right{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:var(--sh-sm);cursor:pointer;z-index:6;display:flex;align-items:center;justify-content:center}
.bx-catalog-element .pdp-stage .product-item-detail-slider-left{left:12px}
.bx-catalog-element .pdp-stage .product-item-detail-slider-right{right:12px}
.bx-catalog-element .pdp-stage .product-item-detail-slider-left::before{content:'\2039';font-size:24px;color:var(--ink)}
.bx-catalog-element .pdp-stage .product-item-detail-slider-right::before{content:'\203A';font-size:24px;color:var(--ink)}
.bx-catalog-element .pdp-stage .product-item-detail-slider-progress-bar,
.bx-catalog-element .pdp-stage .product-item-detail-slider-close{display:none}
.bx-catalog-element .pdp-thumb{padding:6px;background:var(--well)}
.bx-catalog-element .pdp-thumb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}

/* ---- SKU (размеры/цвета): штатный JCCatalogElement помечает выбранный
   вариант классом .selected — показываем его как ДС .active ---- */
.bx-catalog-element .pdp-sku{display:flex;flex-direction:column;gap:18px;margin:0 0 4px}
.bx-catalog-element .size-option.selected{border-color:var(--g1);background:var(--g-soft);color:var(--g2)}
.bx-catalog-element .color-option.selected{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--g2);transform:scale(1.06)}
/* недоступные комбинации, которые гасит штатный JS */
.bx-catalog-element .size-option.disabled,.bx-catalog-element .color-option.disabled,
.bx-catalog-element .size-option[disabled],.bx-catalog-element .color-option[disabled]{opacity:.35;cursor:not-allowed}
/* таблица размеров (картинка из свойства SIZE_TABLE товара) */
.bx-catalog-element .size-table{margin-top:12px}
.bx-catalog-element .size-table img{display:block;max-width:100%;height:auto;border-radius:12px;border:1px solid var(--border)}
/* отступ метки до вариантов (метка цвета — прямой ребёнок .pdp-block, у размера отступ даёт .pdp-block-head) */
.bx-catalog-element .pdp-block > .pdp-block-label{margin-bottom:10px}
/* поле количества: штатный <input> приводим к виду ДС-степпера (.qty-value рассчитан на span) */
.bx-catalog-element .qty-stepper .qty-value{width:56px;min-width:46px;border:0;background:transparent;text-align:center;font-weight:700;font-size:16px;color:var(--ink);padding:0;outline:none;-moz-appearance:textfield}
/* «бегущая» сумма в кнопке «В корзину»: моноширинные цифры, чтобы ширина не дёргалась при счёте */
.bx-catalog-element .pdp-cart-sum{display:inline-block;font-variant-numeric:tabular-nums}

/* ---- Вкладки переведены на ДС-механизм (.pdp-tabs/.tab-btn/.tab-pane —
   разметка по ДС, переключает app.js, стили из основного css/style.css).
   Здесь — только таблица свойств: штатный класс .product-item-detail-properties
   (он совместим с JS-обновлением свойств оффера) приводим к ДС-виду .pdp-specs. */
.bx-catalog-element .product-item-detail-properties{display:grid;grid-template-columns:max-content 1fr;margin:0}
.bx-catalog-element .product-item-detail-properties dt{color:var(--ink-faint);padding:10px 16px 10px 0;border-bottom:1px solid var(--border)}
.bx-catalog-element .product-item-detail-properties dd{color:var(--ink);font-weight:600;text-align:left;margin:0;padding:10px 0;border-bottom:1px solid var(--border)}
/* Адаптив: характеристики — в столбик (название над значением, значение на всю ширину) */
@media (max-width:560px){
	.bx-catalog-element .product-item-detail-properties{grid-template-columns:1fr}
	.bx-catalog-element .product-item-detail-properties dt{padding:12px 0 2px;border-bottom:none;font-size:13px}
	.bx-catalog-element .product-item-detail-properties dd{padding:0 0 12px}
}

/* Заголовки блоков подарков/рекомендаций под ДС */
.bx-catalog-element .catalog-block-header{font-family:var(--font-base);font-weight:800;font-size:24px;color:var(--ink);margin:32px 0 18px;letter-spacing:-.01em}

/* Поле количества: убрать нативные спиннеры number */
.bx-catalog-element input[type='number']{-moz-appearance:textfield}
.bx-catalog-element input[type='number']::-webkit-outer-spin-button,
.bx-catalog-element input[type='number']::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

/* ---- Попап «товар добавлен в корзину» под ДС ---- */
.popup-window{border-radius:var(--r-xl)!important;border:1px solid var(--border)!important;box-shadow:var(--sh-xl)!important;font-family:var(--font-base)}
.popup-window .popup-window-buttons{display:flex;gap:10px;padding:0 16px 16px;flex-wrap:wrap}
.popup-window .popup-window-buttons .popup-window-button .popup-window-button-text{border-radius:var(--r-pill);font-weight:700;padding:11px 22px;border:0}
.popup-window .popup-window-buttons .popup-window-button-accept .popup-window-button-text{background:var(--swoosh);color:#fff}
.popup-window .popup-window-buttons .popup-window-button:not(.popup-window-button-accept) .popup-window-button-text{background:var(--g-soft);color:var(--g2)}

/* Скрываем штатные «плавающие» панели при скролле (в ДС их нет) */
.product-item-detail-short-card-fixed,
.product-item-detail-tabs-container-fixed{display:none !important}

/* Блок «С этим покупают» / «Вы смотрели» (sibling товара, без .bx-catalog-element).
   catalog.section выводит свою .section.container (padding 64px + container) — гасим двойную обёртку,
   отступ заголовок→карточки задаём по ДС (28px, как .section-head-row) */
.pdp-related .section{padding:0;max-width:none}
.pdp-related .section.container{padding-left:0;padding-right:0}
.pdp-related .section-title{margin-bottom:28px}
/* грид 4-в-ряд по ДС (catalog.section выводит .grid-3) */
.pdp-related .grid-3{grid-template-columns:repeat(4,1fr)}
@media (max-width:992px){.pdp-related .grid-3{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.pdp-related .grid-3{grid-template-columns:repeat(2,1fr)}}
/* телефоны — один товар в строку */
@media (max-width:560px){.pdp-related .grid-3{grid-template-columns:1fr}}

/* Адаптив: миниатюры — горизонтальный скролл-ряд (перебиваем flex-direction:column и JS display:block); сцена компактнее */
@media (max-width:1024px){
	.bx-catalog-element .pdp-thumbs-group:not([style*="display: none"]){display:flex !important;flex-direction:row !important;overflow-x:auto;padding-bottom:2px}
	.bx-catalog-element .pdp-thumbs-group .pdp-thumb{margin:0 12px 0 0;flex:none}
	.bx-catalog-element .pdp-thumbs-group .pdp-thumb:last-child{margin-right:0}
	.bx-catalog-element .pdp-stage{padding:18px}
}

/* ---- Десктоп: вертикальный слайдер миниатюр ----
   Колонка миниатюр ограничена по высоте основным фото (--pdp-thumbs-h задаёт JS,
   фолбэк 520px) и скроллится; при переполнении JS показывает стрелки ↑/↓.
   Обёртку .pdp-thumbs-wrap и стрелки создаёт component_epilog.php. */
.bx-catalog-element .pdp-thumbs-nav{display:none;position:absolute;left:0;right:0;height:28px;align-items:center;justify-content:center;border:1px solid var(--border);background:rgba(255,255,255,.95);color:var(--ink);cursor:pointer;z-index:4;border-radius:10px;box-shadow:var(--sh-sm);transition:background .2s,color .2s,opacity .2s}
.bx-catalog-element .pdp-thumbs-nav:hover{background:var(--g-soft);color:var(--g2)}
.bx-catalog-element .pdp-thumbs-nav.is-disabled{opacity:.35;pointer-events:none}
.bx-catalog-element .pdp-thumbs-nav-up{top:0}
.bx-catalog-element .pdp-thumbs-nav-down{bottom:0}
.bx-catalog-element .pdp-thumbs-nav svg{width:16px;height:16px}
@media (min-width:1025px){
	.bx-catalog-element .pdp-thumbs-wrap{position:relative;flex:none;align-self:flex-start}
	.bx-catalog-element .pdp-thumbs{max-height:var(--pdp-thumbs-h,520px);overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;align-self:flex-start}
	.bx-catalog-element .pdp-thumbs::-webkit-scrollbar{display:none}
	.bx-catalog-element .pdp-thumbs-wrap.has-overflow .pdp-thumbs-nav{display:flex}
}

/* End */


/* Start:/local/templates/pennington-2.0/js/fancybox3/jquery.fancybox.min.css?178376008613769*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:nth-child(1),.fancybox-button--pause svg:nth-child(1),.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0;transform-origin:0;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0}.fancybox-caption{bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0;text-align:center;z-index:99996}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAD6CAQAAADKSeXYAAAAYklEQVQoz42RwQ3AMAgDjfcfup8WoRykfBAK5mQHKSz5rbXJPis1hjiV3CIqgG0hLZPkVkA4p4x5oR1bVeDrdCLrW2Q0D5bcwY3TGMHbdw3mPRuOtaspYP1w//G1OIcW148H0DMCqI/3mMMAAAAASUVORK5CYII=);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-44px;z-index:-1}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-caption{padding:12px}.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */


/* Start:/bitrix/components/bitrix/sale.prediction.product.detail/templates/.default/style.min.css?1728271146332*/
.catalog-element-popup-wrapper{position:absolute;box-sizing:border-box;border-radius:3px;background:rgba(0,0,0,.77)}.catalog-element-popup-inner{padding:20px;max-width:300px;font:13px "Helvetica Neue",Arial,Helvetica,sans-serif}.catalog-element-popup-element{color:#ffa801;font:bold 13px "Helvetica Neue",Arial,Helvetica,sans-serif}
/* End */


/* Start:/local/templates/pennington-2.0/components/bitrix/catalog.element/.default/themes/blue/style.min.css?1782891163902*/
.bx-blue .product-item-image-slider-progress-bar{background-color:#0083d1}.bx-blue .product-item-image-slider-control:hover{background-color:rgba(0,131,209,.8)}.bx-blue .product-item-image-slider-control.active,.bx-blue .product-item-image-slider-control:hover{background-color:#0083d1}.bx-blue .product-item-selected-scu,.bx-blue .product-item-detail-slider-controls-image:hover,.bx-blue .product-item-detail-slider-controls-image.active{outline-color:#006cc0}.bx-blue .product-item-scu-item-text-block:hover,.bx-blue .product-item-scu-item-color-block:hover,.bx-blue .product-item-scu-item-text-container.selected .product-item-scu-item-text-block,.bx-blue .product-item-scu-item-color-container.selected .product-item-scu-item-color-block{outline-color:#006cc0}.bx-blue .product-item-amount-field:focus{border-color:#006cc0}.bx-blue .product-item-detail-slider-progress-bar{background-color:#006cc0}
/* End */


/* Start:/local/templates/pennington-2.0/components/bitrix/catalog.products.viewed/.default/style.css?17828911632546*/
/* ============================================================
   ХуаШен 2.0 — catalog.products.viewed («Вы смотрели»)
   Bootstrap отключён (см. template.php). Вложенную bootstrap-сетку
   row>col схлопываем через display:contents, карточки (ДС catalog.item
   = .product-card) ложатся в обычный флекс-грид дизайн-системы.
   ============================================================ */

/* Заголовок блока «Вы смотрели» (показывается штатным JS при наличии товаров) */
.catalog-block-header{
	font-family:var(--font-base);
	font-weight:800;
	font-size:24px;
	color:var(--ink);
	margin:32px 0 18px;
	letter-spacing:-.01em;
}

/* Грид просмотренных */
.catalog-products-viewed{
	display:flex;
	flex-wrap:wrap;
	gap:20px;
	margin:0;
}

/* Все bootstrap-обёртки (.row, .col-*, small/big-card) делаем «прозрачными»
   для layout — их дети всплывают во флекс-контейнер .catalog-products-viewed */
.catalog-products-viewed [data-entity="items-row"],
.catalog-products-viewed .row,
.catalog-products-viewed [class*="col-"],
.catalog-products-viewed .product-item-small-card,
.catalog-products-viewed .product-item-big-card{
	display:contents;
}

/* Карточка из ДС catalog.item — флекс-элемент грида (4 в ряд) */
.catalog-products-viewed .product-card{
	width:calc(25% - 15px);
	margin:0;
}
@media (max-width:992px){
	.catalog-products-viewed .product-card{width:calc(33.333% - 14px)}
}
@media (max-width:760px){
	.catalog-products-viewed .product-card{width:calc(50% - 10px)}
}
@media (max-width:480px){
	.catalog-products-viewed .product-card{width:100%}
}

/* Только одно фото на карточку. У много-фото товаров штатный JS наполняет
   слайдер слайдами, но без рабочей карусели они встают стопкой друг под другом —
   гасим слайдер/второе фото и показываем только основное превью. */
.catalog-products-viewed .product-item-image-slider-slide-container,
.catalog-products-viewed .product-item-image-slider-control-container,
.catalog-products-viewed .product-item-image-alternative{display:none !important}
.catalog-products-viewed .product-item-image-original{display:block !important}

/* End */
/* /local/templates/pennington-2.0/components/bitrix/catalog.element/.default/style.css?178289116312001 */
/* /local/templates/pennington-2.0/js/fancybox3/jquery.fancybox.min.css?178376008613769 */
/* /bitrix/components/bitrix/sale.prediction.product.detail/templates/.default/style.min.css?1728271146332 */
/* /local/templates/pennington-2.0/components/bitrix/catalog.element/.default/themes/blue/style.min.css?1782891163902 */
/* /local/templates/pennington-2.0/components/bitrix/catalog.products.viewed/.default/style.css?17828911632546 */
