@layer bricks {.brxe-tabs-nested{display:flex;flex-direction:column;width:100%}.brxe-tabs-nested .tab-title{cursor:pointer;width:auto}.brxe-tabs-nested .tab-pane,.brxe-tabs-nested .tab-pane:empty{display:none!important}.brxe-tabs-nested .tab-pane.brx-open{display:block!important}}@layer bricks {.brxe-shortcode{width:100%}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}}@layer bricks {.brxe-icon{font-size:60px}svg.brxe-icon{font-size:inherit}}@layer bricks {.brxe-text-link{gap:5px}.brxe-text-link,.brxe-text-link span{align-items:center;display:inline-flex}.brxe-text-link span{justify-content:center}.brxe-text-link .icon{flex-shrink:0}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}#brxe-sp0003 {margin-bottom: var(--space-s); font-size: var(--text-xs); color: var(--neutral-500)}#brxe-sp0015 .flex-control-thumbs {grid-template-columns: repeat(5, 1fr); gap: 1rem}#brxe-sp0015 .woocommerce-product-gallery {gap: 1rem}#brxe-sp0015.thumbnail-slider {gap: 1rem}#brxe-sp0015 .woocommerce-product-gallery .flex-control-thumbs img:not(.flex-active) {opacity: 0.6}#brxe-sp0015.thumbnail-slider .brx-product-gallery-thumbnail-slider .woocommerce-product-gallery__image:not(.flex-active-slide) img {opacity: 0.6}@media (max-width: 991px) { #brxe-sp0015 { width: 100%; max-width: 48rem; margin-inline: auto; }} .sp-gallery .woocommerce-product-gallery { opacity: 1 !important;} .sp-gallery .woocommerce-product-gallery>.woocommerce-product-gallery__wrapper>.woocommerce-product-gallery__image:nth-child(n+2) { display: none;} .sp-gallery .woocommerce-product-gallery>.woocommerce-product-gallery__wrapper:has(>.woocommerce-product-gallery__image:nth-child(2)) { padding-bottom: calc((100% - 4rem) / 5 + 1rem);} .sp-gallery .woocommerce-product-gallery>.woocommerce-product-gallery__wrapper:has(>.woocommerce-product-gallery__image:nth-child(6)) { padding-bottom: calc((100% - 4rem) / 5 * 2 + 2rem);} .sp-gallery .flex-viewport>.woocommerce-product-gallery__wrapper:has(>.woocommerce-product-gallery__image:not([style*="float"])) { width: 100% !important;} .sp-gallery .flex-viewport .woocommerce-product-gallery__image:not([style*="float"]):nth-child(n+2) { display: none;} .sp-gallery .flex-control-thumbs img { aspect-ratio: 1 / 1; height: auto; object-fit: contain;}#brxe-sp0039[data-x-spinner] .x-favorite_icons::before {color: var(--primary-text)}#brxe-sp0039[data-x-spinner] .x-favorite_text:only-child::before {color: var(--primary-text)}.sp-fav { margin: calc(var(--space-xs) - var(--space-s)) 0 var(--space-xs);} .sp-fav .x-favorite { display: inline-flex; flex-direction: row-reverse; align-items: center; justify-content: flex-end; gap: 0.8rem; min-height: 4rem; padding: 0; font: inherit; font-size: var(--text-s); font-weight: 600; color: var(--neutral-700); background: none; border: 0; border-radius: var(--radius-s); cursor: pointer; transition: color var(--transition);} .sp-fav .x-favorite:hover { color: var(--primary-text);} .sp-fav .x-favorite_icons { font-size: 1.8rem; line-height: 1; color: var(--primary-text);} .sp-fav .x-favorite:focus-visible { outline: none; box-shadow: var(--shadow-focus);}.sp-notice { margin: var(--space-s) 0 0; padding: 1rem 1.2rem; font-size: var(--text-s); line-height: 1.45; color: var(--neutral-900); background: color-mix(in srgb, var(--warning) 8%, var(--neutral-0)); border-left: 3px solid var(--warning); border-radius: var(--radius-s);} .sp-notice a { font-weight: 600; color: var(--primary-text);}.sp-buy .sp-stock .stock { display: inline-grid; grid-template-columns: auto 1fr; gap: 0.2rem 0.8rem;} .sp-buy .sp-stock .wclt_lead_time { grid-column: 2; font-weight: 400; color: var(--neutral-700) !important;} .sp-buy .sp-stock .lead-time-separator { display: none;}.sp-backorder { margin: var(--space-s) 0 calc(0.4rem - var(--space-s));} .sp-backorder .sp-notice { margin: 0;} .sp-price-label { display: block; margin-top: var(--space-s); font-size: var(--text-xs); color: var(--neutral-500);} .product-type-variable .sp-backorder { display: none;} .product-type-variable .sp-buy--variation:has(.sp-stock .available-on-backorder) .sp-backorder { display: block;}#brxe-sp0033 .stock {display: none}#brxe-sp0033 table.variations th { width: 100%;}#brxe-sp0033 table.variations td { width: 100%;}#brxe-sp0033 .quantity { flex: none; width: auto;}#brxe-sp0033 .quantity .qty { flex: none; width: 5rem;}#brxe-sp0033 .single_add_to_cart_button { flex-basis: 12rem; min-width: 0;} .sp-atc .quantity .action:hover { color: var(--neutral-900);} .sp-atc form.cart .quantity .action:hover svg { stroke: currentColor;}.sp-usps .sp-shipbtn { color: var(--primary-text); border-color: var(--primary); transition: background-color var(--transition);} .sp-usps .sp-shipbtn:hover { background: color-mix(in srgb, var(--primary) 7%, var(--neutral-0));} .sp-usps .sp-shipbtn:focus-visible { background: color-mix(in srgb, var(--primary) 7%, var(--neutral-0));} .sp-shipbtn__body { display: flex; flex-direction: column; gap: 0.2rem; min-width: 0;} .sp-shipbtn__from { font-weight: 400; color: var(--neutral-700);} .sp-shipbtn__from strong { font-weight: 700; color: var(--neutral-900);} .sp-shipbtn__from:not(:has(.szi-from:not([hidden]))) { display: none;}@media (min-width: 1200px) { .sp-details:has(.sp-desc):has(.sp-params table) { display: flex; flex-wrap: wrap; } .sp-details:has(.sp-desc):has(.sp-params table) > .sp-bar { flex: 0 0 100%; } .sp-details:has(.sp-desc):has(.sp-params table) > .sp-desc { flex: 1 1 0; min-width: 0; } .sp-details:has(.sp-desc):has(.sp-params table) > .sp-params { flex: 0 0 33.333%; min-width: 0; border-top: 0; border-left: var(--border); }}.sp-attach:not(:has(.szu-csatolmanyok)) { display: none;} .sp-details:not(:has(.szu-csatolmanyok)) .sp-bar__attach { display: none;}@media (min-width: 1200px) { .sp-details:has(.sp-desc):has(.sp-params table) > .sp-attach { flex: 0 0 100%; }}.brxe-pcf001[data-x-spinner] .x-favorite_icons::before {color: var(--primary-text)}.brxe-pcf001[data-x-spinner] .x-favorite_text:only-child::before {color: var(--primary-text)}@media (min-width: 992px) { .sp-addons.sp-addons { --addons-gutter: max(calc((100vw - min(100vw, var(--container-max))) / 2 + var(--gutter)), 8rem); }}@media (max-width: 767px) { .sp-addons.sp-addons { padding-block: var(--space-m); } ul.sp-rail.sp-rail { grid-auto-columns: min(24rem, 72%); } .sp-addons .tab-menu.tab-menu { flex-wrap: nowrap; width: calc(100% + var(--gutter) * 2); max-width: none; margin-inline: calc(var(--gutter) * -1); padding-inline: var(--gutter); overflow-x: auto; scrollbar-width: none; } .sp-addons .sp-addons__fulvalaszto { display: block; width: 100%; min-height: 4.4rem; padding: 0 3.6rem 0 1.2rem; font: inherit; font-size: max(16px, var(--text-s)); font-weight: 600; color: var(--neutral-900); text-overflow: ellipsis; background-color: var(--neutral-0); border: 1px solid color-mix(in srgb, var(--addons-fg) 50%, transparent); border-radius: var(--radius-s); cursor: pointer; } .sp-addons .sp-addons__fulvalaszto:focus-visible { outline: 2px solid var(--addons-fg); outline-offset: 2px; } .sp-addons .sp-addons__fulvalaszto ~ .tab-menu.tab-menu { display: none; }} .sp-page { overflow-x: clip;} .wc-cart { overflow-x: clip;} .sp-addons { --addons-bg: var(--accent); --addons-fg: var(--on-accent); --addons-gutter: var(--gutter); width: auto; max-width: none; margin-top: var(--space-xl); margin-inline: calc(50% - 50vw); padding: var(--space-l) var(--addons-gutter); color: var(--addons-fg); background: var(--addons-bg);} .sp-addons:not(:has(.product-card)) { display: none;} .sp-addons__head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.4rem 1.2rem; margin-bottom: var(--space-s);} .sp-addons__title { margin: 0; font-size: var(--text-l); color: var(--addons-fg);} .sp-addons__for { font-size: var(--text-s); color: var(--addons-fg);} .sp-addons__name { font-weight: 600;} .sp-addons__var:not(:empty)::before { content: " · ";} .sp-addons .tab-menu { display: flex; flex-direction: row; flex-wrap: wrap; gap: 0.8rem; min-width: 0; padding-block: 0.2rem 0.4rem;} .sp-addons__fulvalaszto { display: none;} .sp-addons .tab-title { flex: none; padding: 0.8rem 1.6rem; font-size: var(--text-s); font-weight: 600; line-height: 1.3; color: var(--addons-fg); white-space: nowrap; background: transparent; border: 1px solid color-mix(in srgb, var(--addons-fg) 50%, transparent); border-radius: var(--radius-full); cursor: pointer; transition: color var(--transition), border-color var(--transition), background-color var(--transition);} .sp-addons .tab-title:hover { border-color: var(--addons-fg); background: color-mix(in srgb, var(--addons-fg) 10%, transparent);} .sp-addons .tab-title.brx-open { color: var(--addons-bg); background: var(--addons-fg); border-color: var(--addons-fg);} .sp-addons .tab-title:focus-visible { outline: 2px solid var(--addons-fg); outline-offset: 2px;} .sp-addons .tab-content { min-width: 0; margin-top: var(--space-s); border: 0;} .sp-addons .tab-pane { padding: 0;} .sp-addons .tab-menu:not(:has(.tab-title~.tab-title)) { display: none;} .sp-addons .tab-menu:not(:has(.tab-title~.tab-title))+.tab-content { margin-top: 0;}ul.sp-rail { position: relative; display: grid; grid-auto-flow: column; grid-auto-columns: 22rem; gap: var(--grid-gap); width: calc(100% + var(--addons-gutter, var(--gutter)) * 2); max-width: none; margin: 0 calc(var(--addons-gutter, var(--gutter)) * -1); padding: 0.4rem var(--addons-gutter, var(--gutter)) var(--space-s); list-style: none; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: var(--addons-gutter, var(--gutter)); scrollbar-width: thin; scrollbar-color: color-mix(in srgb, var(--addons-fg) 45%, transparent) transparent;}ul.sp-rail>li { display: flex; min-width: 0; scroll-snap-align: start;}ul.sp-rail>li>* { flex: 1;} .sp-addons .hscroll-btn--prev { left: calc(var(--addons-gutter) - var(--gutter) + 0.8rem);} .sp-addons .hscroll-btn--next { right: calc(var(--addons-gutter) - var(--gutter) + 0.8rem);}@media (min-width: 992px) { .sp-addons.sp-addons { --addons-nyil-tav: 7.6rem; } .sp-addons.sp-addons .hscroll-btn--prev { left: calc(var(--addons-nyil-tav) - var(--addons-gutter)); } .sp-addons.sp-addons .hscroll-btn--next { right: calc(var(--addons-nyil-tav) - var(--addons-gutter)); }}#brxe-sp0490 .x-modal_content {padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0}@media (max-width: 478px) { #brxe-sp0490.szi-modal .x-modal_backdrop { padding: 0; } #brxe-sp0490.szi-modal .x-modal_container { width: 100%; vertical-align: bottom; } #brxe-sp0490.szi-modal .x-modal_content { max-height: 90vh; border-radius: var(--radius-m) var(--radius-m) 0 0; } .szi-modal .szi-modal__foot { border-radius: 0; } .szi-modal .szi-points { grid-template-columns: 1fr 1fr; } .szi-modal .szi-point { gap: 0.6rem; padding: 0.8rem; } .szi-modal .szi-point img { width: 2.4rem; height: 2.4rem; }}@keyframes szi-spin { to { transform: rotate(360deg); } }@keyframes szi-pulse { from { opacity: 1; } to { opacity: 0.4; } }@media (prefers-reduced-motion: reduce) { .szi-modal .szi-zip__spinner, .szi-modal .szi-zip__skel span { animation: none; }}#brxe-sp0490 .x-modal_backdrop { background-color: color-mix(in srgb, var(--inverse) 55%, transparent);}#brxe-sp0490 .x-modal_container { width: min(64rem, 100%);}#brxe-sp0490 .x-modal_content { display: flex; flex-direction: column; max-height: min(85vh, 72rem); color: var(--neutral-900); background: var(--neutral-0); border-radius: var(--radius-m); box-shadow: 0 2.4rem 6.4rem color-mix(in srgb, var(--shadow-color) 28%, transparent); text-align: left;}#brxe-sp0490 .x-modal_close { position: absolute; top: 1.2rem; right: 1.6rem; display: grid; place-items: center; width: 4rem; height: 4rem; margin: 0; padding: 0; font-size: 1.8rem; color: var(--neutral-700); background: var(--neutral-50); border: 0; border-radius: 50%; cursor: pointer;}#brxe-sp0490 .x-modal_close:hover { color: var(--primary-text); background: var(--neutral-100);} .szi-modal__head { flex: none; padding: 1.6rem 7.2rem 1.6rem 2rem; border-bottom: 1px solid var(--neutral-100);} .szi-modal__title { margin: 0; font-size: var(--text-l); line-height: 1.2;} .szi-modal__body { flex: 1 1 auto; min-height: 0; overflow: auto; padding: 1.6rem 2rem; font-size: var(--text-s); line-height: 1.5;} .szi-modal__foot { flex: none; display: block; padding: 1.2rem 2rem; font-size: var(--text-s); font-weight: 600; color: var(--primary-text); background: var(--neutral-50); border-top: 1px solid var(--neutral-100); border-radius: 0 0 var(--radius-m) var(--radius-m);} .szi-avail { margin: 0 0 1.6rem; padding: 1rem 1.2rem; background: var(--neutral-50); border-radius: var(--radius-s);} .szi-h { margin: 0 0 0.6rem; font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--neutral-500);} .szi-rates { margin: 0 0 1.6rem; padding: 0; list-style: none;} .szi-points { margin: 0 0 1.6rem; padding: 0; list-style: none;} .szi-rate { display: flex; align-items: baseline; justify-content: space-between; gap: 1.2rem; padding: 0.8rem 0; border-bottom: 1px solid var(--neutral-100);} .szi-rate:last-child { border-bottom: 0;} .szi-rate__cost { flex: none; font-weight: 700; white-space: nowrap;} .szi-rate__cost--free { color: var(--success);} .szi-points { display: grid; grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr)); gap: 0.8rem;} .szi-point { display: flex; align-items: center; gap: 1rem; padding: 1rem; border: 1px solid var(--neutral-100); border-radius: var(--radius-s);} .szi-point img { flex: none; width: 3rem; height: 3rem; object-fit: contain;} .szi-point__text { display: flex; flex-direction: column; min-width: 0; line-height: 1.3; overflow-wrap: anywhere;} .szi-note { margin: 0 0 1.6rem; padding: 1rem 1.2rem; background: color-mix(in srgb, var(--warning) 10%, var(--neutral-0)); border-left: 3px solid var(--warning); border-radius: var(--radius-s);} .szi-muted { margin: 0; font-size: var(--text-xs); color: var(--neutral-500);} .szi-zip { margin: 0 0 1.6rem;} .szi-zip__row { display: flex; gap: 0.8rem;} .szi-zip__input { flex: 0 1 20rem; min-width: 0; height: 4.4rem; padding: 0 1.2rem; font: inherit; font-size: var(--text-m); letter-spacing: 0.08em; color: var(--neutral-900); background: var(--neutral-0); border: var(--border); border-radius: var(--radius-s);} .szi-zip__input:focus { border-color: var(--primary); outline: none; box-shadow: var(--shadow-focus);} .szi-zip__btn { flex: none; height: 4.4rem; padding: 0 1.6rem; font: inherit; font-weight: 600; color: var(--on-primary); background: var(--primary); border: 0; border-radius: var(--radius-s); cursor: pointer;} .szi-zip__btn:hover { filter: brightness(0.92);} .szi-zip__out:not(:empty) { margin-top: 1rem;} .szi-zip__place { margin: 0; font-weight: 700;} .szi-zip__rates { margin: 0;} .szi-zip__msg { margin: 0; padding: 1rem 1.2rem; background: var(--neutral-50); border-radius: var(--radius-s);} .szi-zip__msg--miss { background: color-mix(in srgb, var(--warning) 10%, var(--neutral-0)); border-left: 3px solid var(--warning);} .szi-zip__msg a { font-weight: 600; color: var(--primary-text);} .szi-zip__loading { display: flex; align-items: center; gap: 0.8rem; font-size: var(--text-xs); color: var(--neutral-500);} .szi-zip__spinner { flex: none; width: 1.6rem; height: 1.6rem; border: 2px solid var(--neutral-100); border-top-color: var(--primary); border-radius: 50%; animation: szi-spin 0.8s linear infinite;} .szi-zip__skel { display: grid; margin-top: 0.4rem;} .szi-zip__skel span { height: 1.4rem; margin: 0.8rem 0; background: var(--neutral-100); border-radius: var(--radius-s); animation: szi-pulse 0.9s ease-in-out infinite alternate;} .szi-zip__skel span:last-child { width: 65%;} .szi-zip__input::placeholder { font-size: var(--text-s); letter-spacing: 0; color: var(--neutral-500);}@media (min-width: 768px) { .sp-main { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); grid-template-areas: "media info" "aside aside"; } .sp-media { grid-area: media; } .sp-info { grid-area: info; border-left: var(--border); } .sp-aside { grid-area: aside; border-top: var(--border); border-radius: 0 0 var(--radius-m) var(--radius-m); } .sp-aside .sp-usps { grid-template-columns: minmax(0, 1fr); }}@media (min-width: 768px) and (max-width: 1199px) { .sp-main .sp-aside { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: auto 1fr; grid-template-areas: "usps contact" "usps meta"; } .sp-main .sp-aside > .sp-usps { grid-area: usps; } .sp-main .sp-aside > .sp-contact { grid-area: contact; border-top: 0; border-left: var(--border); } .sp-main .sp-aside > .sp-meta { grid-area: meta; margin-top: 0; border-left: var(--border); }}@media (min-width: 992px) { .sp-media { padding: var(--space-l); } .sp-badges { top: var(--space-l); left: var(--space-l); } .sp-sec { padding: var(--space-m) var(--space-l); } .sp-bar { position: sticky; top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--header-stuck-h, 14.1rem)); z-index: 10; padding: var(--space-xs) var(--space-l); } .sp-bar__product { display: flex; } .sp-block { padding: var(--space-l); scroll-margin-top: calc(var(--wp-admin--admin-bar--height, 0px) + 22rem + var(--szu-uzenet-h, 0px)); } #vasarlas { scroll-margin-top: calc(var(--wp-admin--admin-bar--height, 0px) + 15rem + var(--szu-uzenet-h, 0px)); }}@media (min-width: 1200px) { .sp-main { grid-template-columns: minmax(0, 34fr) minmax(0, 38fr) minmax(0, 28fr); grid-template-rows: auto; grid-template-areas: "media info aside"; } .sp-media { padding: var(--space-m); } .sp-badges { top: var(--space-m); left: var(--space-m); } .sp-aside { border-top: 0; border-left: var(--border); border-radius: 0 var(--radius-m) var(--radius-m) 0; } .sp-aside .sp-sec { padding: var(--space-m); }}@media (max-width: 991px) { .sp-media { padding: var(--space-s); } .sp-badges { top: var(--space-s); left: var(--space-s); } .sp-sec { padding: var(--space-m) var(--space-s); } .sp-bar { padding: var(--space-xs) var(--space-s); } .sp-bar__product { display: none; } .sp-block { padding: var(--space-m) var(--space-s); scroll-margin-top: calc(var(--wp-admin--admin-bar--height, 0px) + 10rem); } #vasarlas { scroll-margin-top: calc(var(--wp-admin--admin-bar--height, 0px) + 10rem); }}@media (max-width: 767px) { .sp-main { grid-template-columns: minmax(0, 1fr); } .sp-info { border-top: var(--border); } .sp-aside { border-top: var(--border); border-radius: 0 0 var(--radius-m) var(--radius-m); }}@media (min-width: 600px) { .sp-usps { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }} .sp-main { display: grid; margin-top: var(--space-s); background: var(--neutral-0); border-radius: var(--radius-m); box-shadow: var(--shadow-m);} .sp-media { position: relative; display: flex; flex-direction: column; gap: var(--space-m); min-width: 0;} .sp-info { display: flex; flex-direction: column; min-width: 0;} .sp-badges { position: absolute; z-index: 5; display: flex; gap: 0.6rem;} .sp-gallery .woocommerce-product-gallery__image img { border-radius: var(--radius-s);} .sp-gallery .flex-control-thumbs img { padding: 0.4rem; background: var(--media-bg); border: 1px solid var(--neutral-100); border-radius: var(--radius-s); cursor: pointer; transition: border-color var(--transition), opacity var(--transition);} .sp-gallery .flex-control-thumbs img.flex-active { border-color: var(--primary); opacity: 1;} .sp-gallery .flex-control-thumbs img:hover { border-color: var(--primary); opacity: 1;} .sp-help { display: flex; align-items: center; gap: var(--space-s); padding: var(--space-s) var(--space-m); color: var(--neutral-900); text-decoration: none; border: var(--border); border-radius: var(--radius-m); transition: border-color var(--transition);} .sp-help:hover { border-color: var(--primary);} .sp-help__icon { flex: none; display: grid; place-items: center; width: 4.8rem; height: 4.8rem; color: var(--primary-text); font-size: 1.8rem; border: 2px solid var(--primary); border-radius: 50%;} .sp-help__text { display: flex; flex-direction: column; line-height: 1.35;} .sp-help__label { font-size: var(--text-s); font-weight: 600;} .sp-help__phone { font-weight: 700; color: var(--primary-text);} .sp-sec+.sp-sec { border-top: var(--border);} .sp-brand { font-size: var(--text-xs); font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--neutral-500);} .sp-brand a { color: inherit; text-decoration: none;} .sp-brand a:hover { color: var(--primary-text);} .sp-title { margin: 0.4rem 0 var(--space-s); font-size: var(--text-xl); font-weight: 600; line-height: var(--leading-tight);} .sp-short { font-size: var(--text-s); color: var(--neutral-700);} .sp-short p { margin: 0 0 0.6em;} .sp-more { font-size: var(--text-s); font-weight: 600; color: var(--primary-text);} .sp-stock .stock { --sp-stock: var(--neutral-500); display: inline-flex; color: var(--sp-stock); align-items: center; gap: 0.8rem; margin: 0; font-size: var(--text-s); font-weight: 600;} .sp-stock .stock::before { content: "!"; display: grid; place-items: center; width: 2.2rem; height: 2.2rem; font-size: 1.3rem; color: var(--on-primary); background: var(--sp-stock); border-radius: 50%;} .sp-stock .in-stock { --sp-stock: var(--success);} .sp-stock .in-stock::before { content: "✓";} .sp-stock .available-on-backorder { --sp-stock: var(--warning);} .sp-stock .out-of-stock { --sp-stock: var(--danger);} .sp-price .price { margin: var(--space-s) 0; font-size: var(--text-xl); font-weight: 700; line-height: 1.1; color: var(--neutral-900);} .sp-price del { font-size: var(--text-s); font-weight: 400; color: var(--neutral-500);} .sp-price ins { text-decoration: none; color: var(--primary-text);} .sp-price .uom { font-size: var(--text-s); font-weight: 400; color: var(--neutral-500);} .sp-atc form.cart { margin: 0;} .sp-atc form.cart:not(.variations_form) { display: flex; flex-wrap: wrap; align-items: stretch; gap: var(--space-xs);} .sp-atc .woocommerce-variation-add-to-cart { display: flex; flex-wrap: wrap; align-items: stretch; gap: var(--space-xs);} .sp-atc .quantity { display: flex; align-items: stretch; height: 4.8rem; margin: 0; overflow: hidden; background: var(--neutral-0); border: var(--border); border-radius: var(--radius-s);} .sp-atc .quantity .qty { width: 5rem; height: auto; padding: 0; font-size: var(--text-m); font-weight: 600; text-align: center; border: 0; -moz-appearance: textfield;} .sp-atc .quantity .qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;} .sp-atc .quantity .qty::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;} .sp-atc .quantity .action { display: grid; place-items: center; width: 4rem; font-size: 1.8rem; color: var(--neutral-700); background: var(--neutral-50); border: 0; cursor: pointer;} .sp-atc .quantity .action:hover { background: var(--neutral-100);} .sp-atc .single_add_to_cart_button { flex: 1 1 20rem; display: inline-flex; align-items: center; justify-content: center; gap: 1rem; height: 4.8rem; margin: 0; padding: 0 var(--space-m); font-size: var(--text-m); font-weight: 600; color: var(--on-primary); background: var(--primary); border: 0; border-radius: var(--radius-s); cursor: pointer; transition: filter var(--transition), opacity var(--transition);} .sp-atc .single_add_to_cart_button:hover { filter: brightness(0.92);} .sp-atc .single_add_to_cart_button.disabled { opacity: 0.45;} .sp-atc table.variations { width: 100%; margin: 0 0 var(--space-s); border-collapse: collapse; border: 0;} .sp-atc table.variations { display: block; background: none;} .sp-atc table.variations tbody { display: block; background: none;} .sp-atc table.variations tr { display: block; background: none;} .sp-atc table.variations th { display: block; padding: 0; text-align: left; border: 0;} .sp-atc table.variations td { display: block; padding: 0; text-align: left; border: 0;} .sp-atc table.variations th label { display: block; margin-bottom: 0.4rem; font-size: var(--text-s); font-weight: 600;} .sp-atc table.variations select { width: 100%; height: 4.8rem; padding: 0 1.2rem; font: inherit; background-color: var(--neutral-0); border: var(--border); border-radius: var(--radius-s);} .sp-atc table.variations select:focus { border-color: var(--primary); outline: none; box-shadow: var(--shadow-focus);} .sp-atc .reset_variations { display: inline-block; margin-top: 0.6rem; font-size: var(--text-xs); color: var(--neutral-500);} .sp-atc .woocommerce-variation-price .price { display: block; margin: 0 0 var(--space-xs); font-size: var(--text-xl); font-weight: 700;} .sp-atc .woocommerce-variation-availability .stock { margin: 0 0 var(--space-xs); font-size: var(--text-s); font-weight: 600;} .sp-usps { display: grid; gap: var(--space-s);} .sp-usp { display: flex; align-items: flex-start; gap: 1.2rem;} .sp-usp__icon { flex: none; display: grid; place-items: center; width: 4rem; height: 4rem; font-size: 1.6rem; color: var(--primary-text); background: var(--neutral-50); border-radius: 50%;} .sp-usp__title { display: block; font-size: var(--text-s); font-weight: 600;} .sp-usp__text { display: block; font-size: var(--text-xs); color: var(--neutral-500);} .sp-usps__link { grid-column: 1 / -1; font-size: var(--text-xs); font-weight: 600; color: var(--primary-text);} .sp-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.6rem var(--space-m); font-size: var(--text-xs); color: var(--neutral-500);} .sp-meta a { color: var(--neutral-900); font-weight: 600;} .sp-meta .sku { color: var(--neutral-900); font-weight: 600;} .sp-details { margin-top: var(--space-l); background: var(--neutral-0); border-radius: var(--radius-m); box-shadow: var(--shadow-m);} .sp-details:not(:has(.sp-block)) { display: none;} .sp-bar { display: flex; align-items: center; justify-content: space-between; gap: var(--space-m); background: var(--neutral-50); border-bottom: var(--border); border-radius: var(--radius-m) var(--radius-m) 0 0;} .sp-bar__links { display: flex; flex-wrap: wrap; gap: 0.8rem;} .sp-bar__link { padding: 0.6rem 1.4rem; font-size: var(--text-s); font-weight: 600; color: var(--neutral-900); text-decoration: none; background: var(--neutral-0); border: var(--border); border-radius: var(--radius-full); transition: border-color var(--transition), color var(--transition);} .sp-bar__link:hover { color: var(--primary-text); border-color: var(--primary);} .sp-details:not(:has(.sp-params table)) .sp-bar__params { display: none;} .sp-bar__product { align-items: center; gap: 1.2rem; min-width: 0;} .sp-bar__img { width: 4.4rem; height: 4.4rem; object-fit: contain;} .sp-bar__img img { width: 4.4rem; height: 4.4rem; object-fit: contain;} .sp-bar__img { flex: none; overflow: hidden; background: var(--media-bg); border: var(--border); border-radius: var(--radius-s);} .sp-bar__text { display: flex; flex-direction: column; min-width: 0; max-width: 30rem;} .sp-bar__title { overflow: hidden; font-size: var(--text-xs); font-weight: 600; white-space: nowrap; text-overflow: ellipsis;} .sp-bar__price { font-size: var(--text-s); font-weight: 700;} .sp-bar__price del { display: none;} .sp-bar__price .uom { display: none;} .sp-bar__price .screen-reader-text { display: none;} .sp-bar__price ins { text-decoration: none;} .sp-block+.sp-block { border-top: var(--border);} .sp-block h2.sp-block__title { margin: 0 0 var(--space-s); font-size: var(--text-l);} .sp-params:not(:has(table)) { display: none;} .sp-content { max-width: 90ch; line-height: var(--leading-normal); color: var(--neutral-700);} .sp-content h1 { font-size: var(--text-l); color: var(--neutral-900);} .sp-content h2 { margin: 1.4em 0 0.5em; font-size: var(--text-m); color: var(--neutral-900);} .sp-content h3 { margin: 1.4em 0 0.5em; font-size: var(--text-m); color: var(--neutral-900);} .sp-content h4 { margin: 1.4em 0 0.5em; font-size: var(--text-m); color: var(--neutral-900);} .sp-content ul { padding-left: 2rem;} .sp-content ol { padding-left: 2rem;} .sp-params table { width: 100%; max-width: 80rem; margin: 0; font-size: var(--text-s); border-collapse: collapse; border: 0;} .sp-params th { padding: 1rem 1.2rem; text-align: left; vertical-align: top; border: 0; border-bottom: var(--border);} .sp-params td { padding: 1rem 1.2rem; text-align: left; vertical-align: top; border: 0; border-bottom: var(--border);} .sp-params th { width: 40%; font-weight: 600; color: var(--neutral-700);} .sp-params tr:nth-child(odd) { background: var(--neutral-50);} .sp-params td p { margin: 0;} .sp-related { margin-top: var(--space-xl);} .sp-related:not(:has(.product-card)) { display: none;} .sp-related__title { margin: 0 0 var(--space-m); font-size: var(--text-l);} .sp-shipbtn { grid-column: 1 / -1; display: flex; align-items: center; gap: 1.2rem; width: 100%; padding: 1rem 1.4rem; font: inherit; font-size: var(--text-s); font-weight: 600; color: var(--neutral-900); text-align: left; background: var(--neutral-0); border: var(--border); border-radius: var(--radius-s); cursor: pointer; transition: border-color var(--transition), color var(--transition);} .sp-shipbtn:hover { color: var(--primary-text); border-color: var(--primary);} .sp-shipbtn:focus-visible { color: var(--primary-text); border-color: var(--primary);} .sp-shipbtn::after { content: "›"; margin-left: auto; font-size: 2rem; line-height: 1; color: var(--primary-text);} .sp-shipbtn__icon { font-size: 1.6rem; color: var(--primary-text);}body.bricks-is-frontend:not(.szi-van) .sp-shipbtn { display: none;} .szi-no-delivery .sp-usp--delivery { display: none;} .szi-no-pickup .sp-usp--pickup { display: none;} .sp-ids { display: flex; flex-wrap: wrap; gap: 0.4rem var(--space-m); margin: calc(var(--space-xs) * -1) 0 var(--space-s); font-size: var(--text-xs); color: var(--neutral-500);} .sp-ids .sku { font-weight: 600; color: var(--neutral-900);} .sp-id__val { font-weight: 600; color: var(--neutral-900);} .sp-id--sku:has(.sku:empty) { display: none;} .sp-id--ean:has(.sp-id__val:empty) { display: none;} .sp-ids:not(:has(.sku:not(:empty), .sp-id__val:not(:empty))) { display: none;} .sp-buy--js .sp-atc .woocommerce-variation-price { display: none;} .sp-atc .quantity.hidden { display: none !important;} .sp-atc .quantity:not(.hidden) { display: flex !important;} .sp-atc .single_add_to_cart_button.bricks-cart-adding { opacity: 0.75; cursor: progress;} .sp-gallery .woocommerce-product-gallery__image { background-color: var(--media-bg); border-radius: var(--radius-s);} .sp-aside { display: flex; flex-direction: column; min-width: 0; background: var(--neutral-50);} .sp-aside .sp-usp__icon { background: var(--neutral-0);} .sp-aside .sp-meta { margin-top: auto;} .sp-contact { display: flex; flex-direction: column;} .sp-aside .sp-help { background: var(--neutral-0);} .sp-help .badge { margin-top: 0.4rem;} .sp-gallery .woocommerce-product-gallery__image a { cursor: zoom-in;} .sp-aside .sp-help { padding: var(--space-s);} .sp-gallery .woocommerce-product-gallery { position: relative;} .sp-gallery .woocommerce-product-gallery::after { content: ""; position: absolute; top: 1.2rem; right: 1.2rem; z-index: 9; width: 3.6rem; height: 3.6rem; background: var(--media-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233f474f' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M16.5 16.5 21 21M11 8v6M8 11h6'/%3E%3C/svg%3E") center / 2rem no-repeat; border-radius: 50%; box-shadow: 0 1px 4px rgb(0 0 0 / 0.18); pointer-events: none;} .sp-buy:has(.variations_form) { display: flex; flex-direction: column;} .sp-buy .sp-atc:has(.variations_form) { display: contents;} .sp-buy .variations_form { display: contents;} .sp-buy .variations_form table.variations { order: -1;} .sp-atc .single_variation { margin-bottom: 0;} .sp-buy:has(.variations_form):not(.sp-buy--variation) .sp-price { display: none;} .sp-page:has(.sp-buy .variations_form):not(:has(.sp-buy--variation)) .sp-bar__price { display: none;} .sp-price .price:has(+.pph-lowest-price:not([hidden])) { margin-bottom: calc(var(--space-s) - var(--space-xs));} .sp-price .pph-lowest-price { margin: 0 0 var(--space-s); font-size: var(--text-xs); line-height: 1.35;}@media screen and (max-width: 1024px) { .pswp .pswp__top-bar .pswp__preloader { position: absolute; top: 0; left: 50%; margin-left: -22px; float: none; }}.sp-page:not(:has(#videok)) .sp-bar__videos,.sp-page:not(:has(.sp-addons .product-card)) .sp-bar__addons { display: none; }@media (min-width: 992px) { #videok, #kiegeszitok { scroll-margin-top: calc(var(--wp-admin--admin-bar--height, 0px) + 22rem + var(--szu-uzenet-h, 0px)); }}@media (max-width: 991px) { #videok, #kiegeszitok { scroll-margin-top: calc(var(--wp-admin--admin-bar--height, 0px) + 10rem); }}@media (prefers-reduced-motion: no-preference) { html:has(.sp-page) { scroll-behavior: smooth; }}@media (max-width: 991px) { .sp-bar__links { flex-wrap: nowrap; min-width: 0; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; } .sp-bar__links::-webkit-scrollbar { display: none; } .sp-bar__link { flex: none; white-space: nowrap; } @supports (animation-timeline: scroll()) { .sp-bar__links { --sp-bar-szel: 3.2rem; animation: sp-bar-mobil-szel linear both; animation-timeline: scroll(self inline); } }}@keyframes sp-bar-mobil-szel { 0% { mask-image: linear-gradient(to right, #000 0, #000 var(--sp-bar-szel), #000 calc(100% - var(--sp-bar-szel)), transparent 100%); } 2%, 98% { mask-image: linear-gradient(to right, transparent 0, #000 var(--sp-bar-szel), #000 calc(100% - var(--sp-bar-szel)), transparent 100%); } 100% { mask-image: linear-gradient(to right, transparent 0, #000 var(--sp-bar-szel), #000 calc(100% - var(--sp-bar-szel)), #000 100%); }}.sp-bar__link { display: inline-flex; align-items: center; gap: 0.6rem; } .sp-bar__link::before { flex: none; width: 1.25em; font-family: "Font Awesome 6 Solid"; font-style: normal; font-weight: 900; line-height: 1; text-align: center; color: var(--primary-text); -webkit-font-smoothing: antialiased; } .sp-bar__desc::before { content: "\f15c"; content: "\f15c" / ""; } .sp-bar__params::before { content: "\f00b"; content: "\f00b" / ""; } .sp-bar__attach::before { content: "\f0c6"; content: "\f0c6" / ""; } .sp-bar__videos::before { content: "\f144"; content: "\f144" / ""; } .sp-bar__addons::before { content: "\f12e"; content: "\f12e" / ""; } .sp-bar__rovid { display: none; }@media (max-width: 991px) { .sp-bar__hosszu { display: none; } .sp-bar__rovid { display: inline; }}@media (max-width: 991px) { .sp-bar__desc { display: none; } .sp-page:not(:has(.sp-params table)):not(:has(.szu-csatolmanyok)):not(:has(#videok)):not(:has(.sp-addons .product-card)) .sp-bar { display: none; }}