/* RHW – modern megjelenés (GeneratePress + WooCommerce) */ @font-face { font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("fonts/inter-latin-wght-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("fonts/inter-cee-wght-normal.woff2") format("woff2"); /* közép-európai részhalmaz (ő, ű, č, ř…) – 15 KB a 73 KB helyett */ unicode-range: U+0100-017F, U+0218-021B, U+1E9E; } :root { --us-ink: #0b1220; --us-ink-2: #334155; --us-muted: #566173; --us-line: #e6eaf2; --us-bg: #f3f5fa; --us-card: #ffffff; --us-accent: #2563eb; --us-accent-2: #7c3aed; --us-accent-soft: #eef3ff; --us-sale: #e11d48; --us-ok: #15803d; --us-r: 16px; --us-r-sm: 10px; --us-shadow-sm: 0 1px 2px rgba(15, 23, 42, .05), 0 1px 1px rgba(15, 23, 42, .03); --us-shadow: 0 10px 30px -12px rgba(15, 23, 42, .18), 0 2px 6px -2px rgba(15, 23, 42, .06); --us-shadow-lg: 0 24px 50px -20px rgba(37, 99, 235, .35), 0 8px 18px -8px rgba(15, 23, 42, .15); --us-ease: cubic-bezier(.2, .8, .2, 1); } /* ───── Alap ───── */ body { font-family: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; background: var(--us-bg); color: var(--us-ink); -webkit-font-smoothing: antialiased; font-feature-settings: "cv11", "ss01"; letter-spacing: -.005em; } h1, h2, h3, h4 { font-weight: 750; letter-spacing: -.025em; color: var(--us-ink); } a { text-underline-offset: 3px; } .us-ico { width: 1.25em; height: 1.25em; flex: none; } ::selection { background: #c7d7fe; } button, .button, input[type="submit"], .wp-block-button__link, .woocommerce a.button, .woocommerce button.button { border-radius: 12px !important; font-weight: 650; transition: background-color .2s, transform .2s var(--us-ease), box-shadow .2s; } input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="search"], input[type="number"], select, textarea { border-radius: 12px; border: 1px solid var(--us-line); background: #fff; transition: border-color .15s, box-shadow .15s; } input:focus, select:focus, textarea:focus { border-color: var(--us-accent) !important; box-shadow: 0 0 0 4px rgba(37, 99, 235, .15); outline: none; } .us-btn { display: inline-flex; align-items: center; gap: .5em; background: var(--us-accent); color: #fff !important; padding: 12px 22px; border-radius: 12px; font-weight: 650; text-decoration: none; box-shadow: 0 8px 20px -8px rgba(37, 99, 235, .6); transition: transform .2s var(--us-ease), box-shadow .2s, background-color .2s; } .us-btn:hover { transform: translateY(-2px); box-shadow: 0 14px 28px -10px rgba(37, 99, 235, .7); background: #1d4ed8; } .us-btn .us-ico { width: 1.1em; height: 1.1em; transition: transform .2s var(--us-ease); } .us-btn:hover .us-ico { transform: translateX(3px); } .us-btn-ghost { background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .25); box-shadow: none; } .us-btn-ghost:hover { background: rgba(255, 255, 255, .16); box-shadow: none; } .us-btn-lg { padding: 15px 26px; font-size: 16px; } /* ───── Fejléc ───── */ .site-header { background: var(--us-ink); position: sticky; top: 0; z-index: 100; box-shadow: 0 1px 0 rgba(255, 255, 255, .06); } .admin-bar .site-header { top: 32px; } .site-header .inside-header { display: flex; align-items: center; gap: 22px; padding-top: 14px; padding-bottom: 14px; } .site-header .main-title { margin: 0; font-size: 22px; line-height: 1; } .site-header .main-title a, .site-header .main-title a:hover { display: inline-flex; align-items: center; gap: 0; font-size: 0 !important; color: #fff; font-weight: 800; letter-spacing: -.03em; text-decoration: none; } .site-header .main-title a::before { content: ""; display: block; flex: none; width: 160px; height: 52px; border-radius: 10px; background: #fff url("rhw-logo.png") center / 147px 44px no-repeat; box-shadow: 0 6px 16px -6px rgba(37, 99, 235, .8); } .site-branding .site-description { display: none; } .us-search { position: relative; flex: 1; display: flex; max-width: 720px; margin-left: auto; } .us-search .us-search-ico { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: #94a3b8; pointer-events: none; width: 20px; height: 20px; } .us-search input[type="search"] { flex: 1; width: 100%; border: 1px solid transparent; border-radius: 999px; padding: 12px 120px 12px 46px; font-size: 15px; background: #fff; color: var(--us-ink); } .us-search button { position: absolute; right: 5px; top: 5px; bottom: 5px; border-radius: 999px !important; background: var(--us-accent); color: #fff; padding: 0 20px; font-weight: 650; font-size: 14px; } .us-search button:hover { background: #1d4ed8; } .us-hactions { display: flex; align-items: center; gap: 6px; } .us-hbtn { position: relative; display: inline-flex; align-items: center; gap: 8px; color: #e2e8f0 !important; text-decoration: none; font-weight: 600; font-size: 14px; padding: 9px 12px; border-radius: 12px; transition: background-color .15s; } .us-hbtn:hover { background: rgba(255, 255, 255, .08); color: #fff !important; } .us-hbtn .us-ico { width: 22px; height: 22px; } .us-cart-count { position: absolute; top: 2px; left: 26px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: #f43f5e; color: #fff; font-size: 11px; font-weight: 700; line-height: 18px; text-align: center; box-shadow: 0 0 0 2px var(--us-ink); } .us-cart-count.is-empty { display: none; } /* Navigáció */ .main-navigation { background: #fff; box-shadow: 0 1px 0 var(--us-line); } .main-navigation .main-nav ul li a { font-weight: 600; font-size: 14.5px; padding-left: 14px; padding-right: 14px; white-space: nowrap; } @media (max-width: 1400px) { .main-navigation .main-nav > ul > li > a { padding-left: 10px; padding-right: 10px; font-size: 13.5px; } } .main-navigation .main-nav > ul > li:not(.us-all-cats) > a { color: var(--us-ink-2); } .main-navigation .main-nav ul li.us-all-cats > a { background: var(--us-ink) !important; color: #fff !important; margin: 8px 10px 8px 0; line-height: 38px; border-radius: 10px; } .main-navigation .main-nav ul li.us-all-cats > a:hover { background: var(--us-accent) !important; } .main-navigation .menu-bar-items .wc-menu-item { display: none; } .main-navigation ul ul { border-radius: 14px; box-shadow: 0 18px 40px -12px rgba(15, 23, 42, .25), 0 0 0 1px var(--us-line); padding: 6px; width: 260px; } .main-navigation .main-nav ul ul li a { border-radius: 8px; padding: 9px 12px; font-size: 14px; } .main-navigation .main-nav ul ul li:not([class*="current-menu-"]):hover > a { background: var(--us-accent-soft); color: var(--us-accent); } /* ───── Tartalomdobozok ───── */ .separate-containers .inside-article, .separate-containers .page-header { border-radius: var(--us-r); box-shadow: var(--us-shadow-sm); } .separate-containers .site-main { margin-top: 24px; margin-bottom: 24px; } .separate-containers .widget-area .widget { border-radius: var(--us-r); box-shadow: var(--us-shadow-sm); padding: 22px; } .widget-area .widget-title { font-size: 13px; text-transform: uppercase; letter-spacing: .06em; color: var(--us-muted); font-weight: 700; margin-bottom: 14px; } .woocommerce .widget_product_categories ul { margin: 0; } .widget_product_categories li { margin: 0; } .widget_product_categories li a { display: block; padding: 7px 10px; border-radius: 8px; color: var(--us-ink-2); text-decoration: none; font-size: 14.5px; } .widget_product_categories li a:hover { background: var(--us-accent-soft); color: var(--us-accent); } .widget_product_categories li.current-cat > a { background: var(--us-accent-soft); color: var(--us-accent); font-weight: 650; } .widget_product_categories ul.children { margin: 2px 0 4px 10px; padding-left: 8px; border-left: 2px solid var(--us-line); } .widget_product_categories ul.children a { font-size: 13.5px; padding: 5px 10px; } /* Áruház-lista: a dobozok átlátszók, a kártyák a háttéren ülnek */ .woocommerce-archive-wrapper .inside-article { background: transparent !important; box-shadow: none !important; padding: 0 !important; } .woocommerce-products-header__title.page-title { font-size: clamp(28px, 3vw, 40px); margin-bottom: 8px; } .woo-breadcrumbs, .woocommerce-breadcrumb { font-size: 13.5px; color: var(--us-muted); margin-bottom: 10px; } .woo-breadcrumbs a, .woocommerce-breadcrumb a { color: var(--us-muted); text-decoration: none; } .woo-breadcrumbs a:hover { color: var(--us-accent); } .term-description { color: var(--us-ink-2); max-width: 900px; } /* Kategória-címkék: kiemelt panelben, sorban beúszó, emelkedő gombok */ .us-chips { display: flex; flex-wrap: wrap; gap: 10px; margin: 6px 0 22px; width: 100%; } .us-chips-sub { margin: 16px 0 26px; padding: 14px 16px; border-radius: 20px; background: linear-gradient(135deg, #f5f8ff, #eef3fb); border: 1px solid #d9e3f3; box-shadow: inset 0 1px 0 #fff; } .us-chips-label { width: 100%; display: flex; align-items: center; gap: 8px; margin-bottom: 2px; font-size: 11.5px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--us-accent); } .us-chips-label::before { content: ""; width: 18px; height: 3px; border-radius: 3px; background: linear-gradient(90deg, #60a5fa, #7c3aed); } .us-chips a { position: relative; display: inline-flex; align-items: center; gap: 9px; padding: 10px 10px 10px 14px; border-radius: 999px; background: #fff; border: 1px solid #d3ddee; color: var(--us-ink); text-decoration: none; font-size: 15px; font-weight: 650; line-height: 1.2; box-shadow: 0 1px 2px rgba(15, 23, 42, .05), 0 8px 18px -12px rgba(15, 23, 42, .3); transition: transform .2s var(--us-ease), box-shadow .2s, border-color .2s, color .2s; animation: us-chip-in .55s var(--us-ease) backwards; animation-delay: calc(var(--i, 0) * 40ms); } .us-chips a::before { content: ""; flex: none; width: 8px; height: 8px; border-radius: 50%; background: linear-gradient(135deg, #60a5fa, #7c3aed); box-shadow: 0 0 0 3px rgba(37, 99, 235, .12); transition: transform .2s var(--us-ease); } .us-chips a span { font-size: 12px; font-weight: 700; color: var(--us-accent); background: rgba(37, 99, 235, .1); padding: 3px 9px; border-radius: 999px; transition: background .2s, color .2s; } .us-chips a:hover, .us-chips a:focus-visible { transform: translateY(-2px); border-color: var(--us-accent); color: var(--us-accent); box-shadow: 0 16px 30px -14px rgba(37, 99, 235, .55), 0 0 0 3px rgba(37, 99, 235, .12); } .us-chips a:hover::before { transform: scale(1.3); } .us-chips a:hover span { background: var(--us-accent); color: #fff; } .us-chips a:not(:has(span)) { padding-right: 16px; } @keyframes us-chip-in { from { opacity: 0; transform: translateY(10px) scale(.96); } } @media (prefers-reduced-motion: reduce) { .us-chips a { animation: none; } } .woocommerce-ordering select, .woocommerce .woocommerce-ordering select { border-radius: 999px; padding: 9px 36px 9px 16px; font-weight: 600; font-size: 14px; background-color: #fff; } .woocommerce-result-count { color: var(--us-muted); font-size: 14px; } /* ───── Termékrács (saját, a WooCommerce CSS nélkül is működik) ───── */ .woocommerce ul.products, ul.products { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin: 0 0 32px !important; padding: 0; list-style: none; clear: both; } ul.products::before, ul.products::after { display: none !important; } .woocommerce ul.products.columns-5, .woocommerce .columns-5 ul.products { grid-template-columns: repeat(5, minmax(0, 1fr)); } .woocommerce ul.products.columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .no-sidebar .woocommerce-archive-wrapper ul.products { grid-template-columns: repeat(5, minmax(0, 1fr)); } .woocommerce ul.products li.product, ul.products li.product { position: relative; display: flex; flex-direction: column; width: auto !important; float: none !important; margin: 0 !important; background: var(--us-card); border: 1px solid var(--us-line); border-radius: var(--us-r); padding: 14px 14px 16px !important; box-shadow: var(--us-shadow-sm); transition: transform .25s var(--us-ease), box-shadow .25s var(--us-ease), border-color .25s; text-align: left; list-style: none; } ul.products li.product:hover { transform: translateY(-4px); box-shadow: var(--us-shadow-lg); border-color: #c7d7fe; } ul.products li.product > a.woocommerce-loop-product__link { display: flex; flex-direction: column; flex: 1; text-decoration: none; color: inherit; } ul.products li.product .wc-product-image { position: relative; display: block; overflow: hidden; border-radius: 12px; background: #fff; margin: 0 0 12px !important; aspect-ratio: 1 / 1; } ul.products li.product .inside-wc-product-image { position: absolute; inset: 0; display: grid; place-items: center; } ul.products li.product .wc-product-image img { width: 100% !important; height: 100% !important; object-fit: contain; margin: 0 !important; padding: 6px; transition: transform .4s var(--us-ease), opacity .3s; } ul.products li.product:hover .wc-product-image img { transform: scale(1.04); } ul.products li.product .wc-product-image img.secondary-image { position: absolute; inset: 0; } ul.products li.product > a > img { aspect-ratio: 1 / 1; object-fit: contain; border-radius: 12px; margin-bottom: 12px; } .us-card-brand { display: inline-block; align-self: flex-start; font-size: 11px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; color: var(--us-accent); background: var(--us-accent-soft); padding: 3px 8px; border-radius: 6px; margin-bottom: 8px; } .woocommerce ul.products li.product .woocommerce-loop-product__title, ul.products li.product h2 { font-size: 14.5px !important; font-weight: 600; line-height: 1.38; color: var(--us-ink); padding: 0 !important; margin: 0 0 10px !important; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; min-height: 4.14em; letter-spacing: -.01em; } ul.products li.product:hover .woocommerce-loop-product__title { color: var(--us-accent); } .woocommerce ul.products li.product .price, ul.products li.product .price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; margin: auto 0 4px !important; color: var(--us-ink) !important; font-size: 19px !important; font-weight: 800; letter-spacing: -.02em; } ul.products li.product .price del { order: 2; font-size: 13px; color: var(--us-muted); font-weight: 500; opacity: 1; } ul.products li.product .price ins { text-decoration: none; color: var(--us-sale); } ul.products li.product .price small, ul.products li.product .price .us-omnibus { flex-basis: 100%; font-size: 11.5px; font-weight: 500; color: var(--us-muted); letter-spacing: 0; } .us-stock { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 600; margin-bottom: 12px; } .us-stock::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 3px color-mix(in srgb, currentColor 20%, transparent); } .us-stock.is-in { color: var(--us-ok); } .us-stock.is-back { color: #d97706; } .us-stock.is-out { color: var(--us-muted); } .woocommerce ul.products li.product .button, ul.products li.product .button { display: flex !important; align-items: center; justify-content: center; gap: 8px; width: 100%; margin: 0 !important; padding: 11px 14px !important; background: var(--us-ink) !important; color: #fff !important; font-size: 14px !important; line-height: 1.2; } ul.products li.product .button.add_to_cart_button::before { content: ""; width: 18px; height: 18px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.5'/%3E%3Ccircle cx='18' cy='20' r='1.5'/%3E%3Cpath d='M2 3h3l2.6 12.4a1 1 0 0 0 1 .8h9.7a1 1 0 0 0 1-.8L21 7H6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.5'/%3E%3Ccircle cx='18' cy='20' r='1.5'/%3E%3Cpath d='M2 3h3l2.6 12.4a1 1 0 0 0 1 .8h9.7a1 1 0 0 0 1-.8L21 7H6'/%3E%3C/svg%3E") center / contain no-repeat; } ul.products li.product .button:hover { background: var(--us-accent) !important; transform: translateY(-1px); box-shadow: 0 10px 20px -10px rgba(37, 99, 235, .8); } ul.products li.product .button.loading { opacity: .7; } ul.products li.product .button.added::after { margin-left: 4px; } ul.products li.product .added_to_cart { display: block; text-align: center; font-size: 13px; font-weight: 600; margin-top: 8px; } .woocommerce span.onsale, span.onsale { position: absolute; top: 12px; left: 12px; z-index: 2; margin: 0 !important; min-width: 0; min-height: 0; line-height: 1; padding: 6px 9px; border-radius: 8px; background: var(--us-sale); color: #fff; font-size: 12.5px; font-weight: 800; letter-spacing: -.01em; box-shadow: 0 6px 14px -6px rgba(225, 29, 72, .8); } .sales-flash-overlay .wc-product-image .onsale { top: 8px; left: 8px; } /* Lapozó */ .woocommerce nav.woocommerce-pagination ul { border: 0; display: flex; justify-content: center; gap: 6px; flex-wrap: wrap; } .woocommerce nav.woocommerce-pagination ul li { border: 0; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { min-width: 42px; height: 42px; display: grid; place-items: center; padding: 0 10px; border-radius: 12px; background: #fff; border: 1px solid var(--us-line); font-weight: 650; color: var(--us-ink-2); } .woocommerce nav.woocommerce-pagination ul li a:hover { border-color: var(--us-accent); color: var(--us-accent); background: #fff; } .woocommerce nav.woocommerce-pagination ul li span.current { background: var(--us-ink); border-color: var(--us-ink); color: #fff; } /* ───── Főoldal ───── */ .home .site-main { margin-top: 0 !important; } .home .inside-article { background: transparent !important; box-shadow: none !important; padding: 0 !important; } .home .entry-content > * { margin-bottom: 0; } .home.page .entry-header { display: none; } .us-home { max-width: 1320px; margin: 0 auto; padding: 0 20px; } .us-hero2 { position: relative; overflow: hidden; isolation: isolate; display: grid; grid-template-columns: 1.15fr .85fr; align-items: center; gap: 30px; margin: 22px 0 18px; padding: clamp(28px, 5vw, 64px); border-radius: 24px; color: #fff; background: radial-gradient(60% 80% at 100% 0%, rgba(124, 58, 237, .55), transparent 60%), radial-gradient(50% 70% at 70% 100%, rgba(37, 99, 235, .55), transparent 60%), linear-gradient(135deg, #0b1220 0%, #111c3a 55%, #172554 100%); box-shadow: 0 30px 60px -30px rgba(15, 23, 42, .6); } .us-hero2::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .35; background-image: linear-gradient(rgba(255, 255, 255, .06) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .06) 1px, transparent 1px); background-size: 44px 44px; -webkit-mask-image: radial-gradient(70% 70% at 30% 40%, #000, transparent 75%); mask-image: radial-gradient(70% 70% at 30% 40%, #000, transparent 75%); } .us-eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 650; letter-spacing: .02em; padding: 7px 14px; border-radius: 999px; background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .16); color: #c7d2fe; } .us-eyebrow .us-ico { width: 16px; height: 16px; color: #fbbf24; } .us-hero2 h1 { color: #fff; font-size: clamp(30px, 3.6vw, 52px); line-height: 1.06; letter-spacing: -.04em; margin: 18px 0 16px; font-weight: 800; } .us-grad { background: linear-gradient(90deg, #60a5fa, #a78bfa 60%, #f0abfc); -webkit-background-clip: text; background-clip: text; color: transparent; } .us-hero2 p { color: #cbd5e1; font-size: clamp(15px, 1.4vw, 18px); max-width: 540px; margin-bottom: 26px; } .us-hero2-cta { display: flex; flex-wrap: wrap; gap: 12px; } .us-hero2-visual { position: relative; height: 380px; perspective: 1400px; } .us-hero2-orb { position: absolute; inset: 15% 10%; border-radius: 50%; background: radial-gradient(circle, rgba(96, 165, 250, .45), transparent 65%); filter: blur(30px); z-index: -1; animation: us-orb 6s ease-in-out infinite alternate; } @keyframes us-orb { from { transform: scale(.9); opacity: .8; } to { transform: scale(1.08); opacity: 1; } } /* A kártyák beúsznak (--i: sorszám), majd 4,5 mp-enként egy átfordul egy másik termékre (.is-out → tartalomcsere → vissza) */ .us-hero-card { position: absolute; display: flex; flex-direction: column; width: 210px; padding: 12px; border-radius: 18px; background: rgba(255, 255, 255, .96); color: var(--us-ink); text-decoration: none; box-shadow: 0 30px 50px -20px rgba(0, 0, 0, .55); transform: rotate(var(--r, 0deg)) scale(var(--s, 1)); transition: transform .32s var(--us-ease), opacity .32s, box-shadow .32s; animation: us-deal .7s var(--us-ease) backwards; animation-delay: calc(var(--i, 0) * 110ms); will-change: transform; } .us-hero-card.is-out { transform: rotate(var(--r, 0deg)) scale(var(--s, 1)) rotateY(90deg); opacity: 0; transition-timing-function: ease-in; } @keyframes us-deal { from { opacity: 0; transform: translateY(48px) rotate(var(--r, 0deg)) scale(calc(var(--s, 1) * .85)); } } @media (prefers-reduced-motion: reduce) { .us-hero-card, .us-hero2-orb { animation: none; } .us-hero-card { transition: none; } } .us-hero-card img { width: 100%; aspect-ratio: 1 / 1; object-fit: contain; border-radius: 12px; background: #fff; } .us-hero-card-meta { display: flex; flex-direction: column; gap: 4px; padding: 10px 4px 2px; } .us-hero-card-name { font-size: 13px; font-weight: 600; line-height: 1.3; color: var(--us-ink-2); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .us-hero-card-price { font-size: 17px; font-weight: 800; letter-spacing: -.02em; } /* 4 kártya legyezőben (asztali); mobilon a 4. rejtve, a maradék 3 a régi elrendezésben */ .us-hero-card-1 { left: 0; top: 4%; --r: -7deg; z-index: 2; } .us-hero-card-2 { left: 29%; top: -3%; --r: 3deg; --s: .94; z-index: 3; } .us-hero-card-3 { right: 0; top: 8%; --r: 7deg; --s: .9; z-index: 1; } .us-hero-card-4 { left: 38%; bottom: -5%; --r: -2deg; --s: .86; z-index: 4; } @media (max-width: 1024px) { .us-hero-card-4 { display: none; } .us-hero-card-1 { left: 4%; top: 6%; --r: -6deg; } .us-hero-card-2 { left: auto; right: 2%; top: 0; --r: 5deg; --s: .9; } .us-hero-card-3 { right: auto; left: 34%; top: auto; bottom: -4%; --r: 2deg; --s: .86; z-index: 3; } } .us-hero-card:hover { transform: rotate(0) scale(1.03); z-index: 5; box-shadow: 0 36px 60px -20px rgba(0, 0, 0, .6); } .us-usp { list-style: none; margin: 0 0 40px; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; } .us-usp li { display: flex; align-items: center; gap: 14px; margin: 0; padding: 16px 18px; border-radius: var(--us-r); background: #fff; border: 1px solid var(--us-line); box-shadow: var(--us-shadow-sm); font-size: 13.5px; color: var(--us-muted); line-height: 1.35; } .us-usp strong { display: block; color: var(--us-ink); font-size: 14.5px; font-weight: 700; } .us-usp-ico { display: grid; place-items: center; width: 44px; height: 44px; flex: none; border-radius: 12px; background: var(--us-accent-soft); color: var(--us-accent); } .us-usp-ico .us-ico { width: 22px; height: 22px; } .us-sec-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin: 0 0 16px; } .us-sec-head h2 { margin: 0; font-size: clamp(22px, 2.2vw, 28px); } .us-sec-head a { display: inline-flex; align-items: center; gap: 6px; font-weight: 650; font-size: 14.5px; text-decoration: none; color: var(--us-accent); white-space: nowrap; } .us-sec-head a .us-ico { width: 18px; height: 18px; transition: transform .2s var(--us-ease); } .us-sec-head a:hover .us-ico { transform: translateX(3px); } .us-tiles2 { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 14px; margin: 0 0 44px; } .us-tiles2 a { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; padding: 16px 12px 14px; border-radius: var(--us-r); background: #fff; border: 1px solid var(--us-line); text-decoration: none; color: var(--us-ink); box-shadow: var(--us-shadow-sm); transition: transform .25s var(--us-ease), box-shadow .25s, border-color .25s; } .us-tiles2 a:hover { transform: translateY(-4px); box-shadow: var(--us-shadow-lg); border-color: #c7d7fe; } .us-tile-img { display: grid; place-items: center; width: 100%; aspect-ratio: 1 / 1; border-radius: 12px; background: linear-gradient(180deg, #f8fafc, #eef2f9); overflow: hidden; } .us-tile-img img { width: 82%; height: 82%; object-fit: contain; mix-blend-mode: multiply; transition: transform .35s var(--us-ease); } .us-tiles2 a:hover .us-tile-img img { transform: scale(1.07); } .us-tile-txt strong { display: block; font-size: 14px; font-weight: 700; line-height: 1.25; } .us-tile-txt span { font-size: 12px; color: var(--us-muted); } .us-row { margin: 0 0 44px; } .us-row .woocommerce { margin: 0; } .us-row ul.products { margin-bottom: 0 !important; } /* Márkalogók: egységes dobozok, beúszás, egérre színes + emelkedik */ .us-brands { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; } .us-brands a { display: grid; place-items: center; height: 84px; padding: 14px 18px; border-radius: 16px; background: #fff; border: 1px solid var(--us-line); text-decoration: none; box-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 10px 24px -18px rgba(15, 23, 42, .3); transition: transform .25s var(--us-ease), box-shadow .25s, border-color .25s; animation: us-chip-in .55s var(--us-ease) backwards; animation-delay: calc(var(--i, 0) * 35ms); } .us-brands a img { width: 100%; max-width: 150px; height: 52px; object-fit: contain; filter: grayscale(1) opacity(.75); transition: filter .3s, transform .3s var(--us-ease); } .us-brands a:hover { transform: translateY(-3px); border-color: var(--us-accent); box-shadow: 0 18px 32px -16px rgba(37, 99, 235, .45); } .us-brands a:hover img { filter: none; transform: scale(1.06); } .us-brand-name { font-size: 16px; font-weight: 800; letter-spacing: -.01em; color: var(--us-ink-2); text-align: center; } .us-brands a:hover .us-brand-name { color: var(--us-accent); } @media (prefers-reduced-motion: reduce) { .us-brands a { animation: none; } } /* ───── Termékoldal ───── */ .single-product .inside-article { padding: clamp(18px, 3vw, 40px); } .single-product div.product .woocommerce-product-gallery { background: #fff; border-radius: var(--us-r); border: 1px solid var(--us-line); padding: 16px; } .single-product div.product .woocommerce-product-gallery__image img { border-radius: 12px; } .single-product div.product .flex-control-thumbs { display: flex; gap: 8px; margin-top: 12px !important; } .single-product div.product .flex-control-thumbs li { width: 72px !important; } .single-product div.product .flex-control-thumbs li img { border-radius: 10px; border: 1px solid var(--us-line); padding: 4px; opacity: .65; transition: opacity .2s, border-color .2s; } .single-product div.product .flex-control-thumbs li img.flex-active, .single-product div.product .flex-control-thumbs li img:hover { opacity: 1; border-color: var(--us-accent); } .single-product .product_title { font-size: clamp(24px, 2.6vw, 34px); line-height: 1.15; letter-spacing: -.03em; margin: 4px 0 8px; } .us-single-brand { margin-bottom: 4px; } .us-sku { font-size: 13px; color: var(--us-muted); margin: 0 0 14px; } .us-sku span { color: var(--us-ink-2); font-weight: 600; } .single-product div.product p.price, .single-product div.product span.price { font-size: clamp(28px, 3vw, 36px) !important; font-weight: 800; letter-spacing: -.03em; color: var(--us-ink) !important; margin-bottom: 14px; } .single-product div.product p.price ins { text-decoration: none; color: var(--us-sale); } .single-product div.product p.price del { font-size: .55em; color: var(--us-muted); font-weight: 500; } .woocommerce-product-details__short-description { color: var(--us-ink-2); font-size: 15px; } .us-availability { padding: 12px 14px; border-radius: 12px; background: #f0fdf4; border: 1px solid #bbf7d0; margin: 14px 0; font-size: 14px; } .single-product div.product form.cart { display: flex; flex-wrap: wrap; align-items: stretch; gap: 10px; margin: 18px 0 !important; } .single-product div.product form.cart .quantity { margin: 0 !important; display: flex; border: 1px solid var(--us-line); border-radius: 12px; overflow: hidden; background: #fff; } .single-product div.product form.cart .quantity input.qty { border: 0; height: 52px; width: 54px; font-weight: 700; } .single-product div.product form.cart .quantity .minus, .single-product div.product form.cart .quantity .plus { border: 0; background: transparent; width: 40px; color: var(--us-ink); border-radius: 0 !important; } .single-product div.product form.cart .quantity .minus:hover, .single-product div.product form.cart .quantity .plus:hover { background: var(--us-bg); } .single-product div.product form.cart .single_add_to_cart_button { flex: 1; min-width: 200px; height: 54px; font-size: 16px !important; font-weight: 700; background: linear-gradient(135deg, var(--us-accent), #4f46e5) !important; color: #fff !important; box-shadow: 0 14px 28px -12px rgba(37, 99, 235, .8); } .single-product div.product form.cart .single_add_to_cart_button:hover { transform: translateY(-2px); box-shadow: 0 18px 32px -12px rgba(37, 99, 235, .9); } .us-perks { list-style: none; margin: 18px 0; padding: 6px; border: 1px solid var(--us-line); border-radius: var(--us-r); background: #fbfcfe; display: grid; grid-template-columns: 1fr 1fr; gap: 2px; } .us-perks li { display: flex; gap: 12px; align-items: flex-start; margin: 0; padding: 12px; font-size: 13px; color: var(--us-muted); line-height: 1.35; } .us-perks li .us-ico { width: 22px; height: 22px; color: var(--us-accent); margin-top: 1px; } .us-perks strong { display: block; color: var(--us-ink); font-size: 14px; font-weight: 650; } .elallas-notice { border-radius: 12px; } .woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0 !important; margin: 30px 0 18px !important; display: flex; gap: 8px; flex-wrap: wrap; border: 0 !important; } .woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none !important; } .woocommerce div.product .woocommerce-tabs ul.tabs li { border: 0 !important; background: transparent !important; margin: 0 !important; padding: 0 !important; border-radius: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 10px 18px !important; border-radius: 999px; background: var(--us-bg); color: var(--us-ink-2) !important; font-weight: 650; font-size: 14.5px; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { background: var(--us-ink); color: #fff !important; } .woocommerce div.product .woocommerce-tabs .panel { font-size: 15px; line-height: 1.65; color: var(--us-ink-2); } .woocommerce div.product .woocommerce-tabs .panel > h2:first-child { display: none; } .woocommerce table.shop_attributes, .woocommerce-tabs table { border: 0; border-radius: 12px; overflow: hidden; } .woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td, .woocommerce-tabs table th, .woocommerce-tabs table td { border: 0 !important; padding: 11px 14px !important; font-style: normal; } .woocommerce table.shop_attributes tr:nth-child(odd) th, .woocommerce table.shop_attributes tr:nth-child(odd) td, .woocommerce-tabs table tr:nth-child(odd) > * { background: var(--us-bg); } .woocommerce table.shop_attributes th, .woocommerce-tabs table th { width: 34%; color: var(--us-muted); font-weight: 600; } .related.products > h2, .upsells.products > h2 { font-size: 24px; margin: 30px 0 16px; } /* GP „hozzáadva” panel és ragadós kosár-sáv */ .add-to-cart-panel { box-shadow: 0 -10px 30px -12px rgba(15, 23, 42, .25); } /* ───── Kosár, pénztár (blokkos) ───── */ .wc-block-components-button:not(.is-link), .wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button { border-radius: 12px !important; font-weight: 700 !important; min-height: 52px; } .wc-block-components-sidebar-layout .wc-block-components-main, .wc-block-components-sidebar { padding-top: 6px; } .wp-block-woocommerce-cart, .wp-block-woocommerce-checkout { margin-top: 10px; } /* ───── Lábléc ───── */ .us-footer { background: var(--us-ink); color: #94a3b8; margin-top: 56px; position: relative; } .us-footer::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: linear-gradient(90deg, var(--us-accent), var(--us-accent-2), #f0abfc); } .us-footer-in { max-width: 1320px; margin: 0 auto; padding: 52px 20px 26px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; } .us-footer h3 { color: #fff; font-size: 14px; letter-spacing: .04em; text-transform: uppercase; margin: 0 0 16px; } .us-footer ul { list-style: none; margin: 0; padding: 0; } .us-footer li { margin: 0 0 9px; } .us-footer a { color: #cbd5e1; text-decoration: none; font-size: 14.5px; transition: color .15s; } .us-footer a:hover { color: #fff; } .us-footer p { font-size: 14px; line-height: 1.55; } .us-footer .us-btn { margin-top: 4px; } .site-info { background: #070c17 !important; color: #94a3b8 !important; border-top: 1px solid #1e293b; font-size: 13.5px; } /* ───── Jogi oldalak segédosztályai ───── */ .us-toc { background: #f8fafc; border: 1px solid var(--us-line); border-radius: 12px; padding: 14px 18px; margin: 18px 0; } .us-note { background: #fffbeb; border-left: 3px solid #f59e0b; padding: 8px 12px; border-radius: 0 8px 8px 0; } .us-form-sample { border: 1px dashed #94a3b8; padding: 12px 16px; border-radius: 8px; } /* oldalsó margó, ha a képernyő keskenyebb a tartalomnál */ @media (max-width: 1360px) { .site-content { padding-left: 20px; padding-right: 20px; } .home .site-content { padding-left: 0; padding-right: 0; } } .elallas-notice { border: 1px solid var(--us-line); background: #fff; padding: 12px 16px; } .elallas-notice summary { cursor: pointer; font-weight: 650; font-size: 14px; } .elallas-notice summary a, .elallas-notice summary { text-decoration: none; } /* ───── Kereső: gépelés közbeni javaslatok ───── */ .us-search.is-loading .us-search-ico { animation: us-pulse .8s ease-in-out infinite alternate; color: var(--us-accent); } @keyframes us-pulse { to { opacity: .35; } } .us-ac { position: absolute; left: 0; right: 0; top: calc(100% + 8px); z-index: 200; background: #fff; color: var(--us-ink); border-radius: 18px; overflow: hidden auto; max-height: min(72vh, 640px); box-shadow: 0 30px 60px -20px rgba(2, 6, 23, .45), 0 0 0 1px rgba(15, 23, 42, .06); animation: us-ac-in .14s var(--us-ease); overscroll-behavior: contain; text-align: left; } @keyframes us-ac-in { from { opacity: 0; transform: translateY(-4px); } } .us-ac mark { background: #fef08a; color: inherit; border-radius: 3px; padding: 0 1px; } .us-ac-cats { display: flex; flex-wrap: wrap; gap: 6px; padding: 12px 12px 4px; } .us-ac-cat { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px; background: var(--us-bg); color: var(--us-ink) !important; text-decoration: none; font-size: 13.5px; font-weight: 600; border: 1px solid transparent; } .us-ac-cat-type { font-size: 10.5px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--us-accent); } .us-ac-cat-pa { font-size: 12px; color: var(--us-muted); font-weight: 500; } .us-ac-cat-pa::before { content: "· "; } .us-ac-cat-n { font-size: 11.5px; color: var(--us-muted); background: #fff; border-radius: 999px; padding: 0 6px; } .us-ac-cat.is-active, .us-ac-cat:hover { border-color: var(--us-accent); background: var(--us-accent-soft); } .us-ac-list { padding: 6px; } .us-ac-item { display: grid; grid-template-columns: 56px 1fr auto; align-items: center; gap: 14px; padding: 8px 10px; border-radius: 12px; text-decoration: none; color: var(--us-ink) !important; } .us-ac-item.is-active, .us-ac-item:hover { background: var(--us-accent-soft); } .us-ac-img { width: 56px; height: 56px; border-radius: 10px; background: #fff; border: 1px solid var(--us-line); display: grid; place-items: center; overflow: hidden; } .us-ac-img img { width: 100%; height: 100%; object-fit: contain; padding: 3px; } .us-ac-txt { min-width: 0; display: flex; flex-direction: column; gap: 3px; } .us-ac-name { font-size: 14px; font-weight: 600; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .us-ac-meta { display: flex; align-items: center; gap: 8px; font-size: 12px; } .us-ac-brand { font-weight: 700; color: var(--us-accent); text-transform: uppercase; letter-spacing: .05em; font-size: 10.5px; } .us-ac-stock { display: inline-flex; align-items: center; gap: 5px; font-weight: 600; } .us-ac-stock::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; } .us-ac-stock.is-in { color: var(--us-ok); } .us-ac-stock.is-out { color: var(--us-muted); } .us-ac-price { display: flex; flex-direction: column; align-items: flex-end; white-space: nowrap; } .us-ac-price strong { font-size: 15.5px; font-weight: 800; letter-spacing: -.02em; } .us-ac-price strong.is-sale { color: var(--us-sale); } .us-ac-price del { font-size: 12px; color: var(--us-muted); } .us-ac-all { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 14px; margin: 0 6px 6px; border-radius: 12px; background: var(--us-ink); color: #fff !important; text-decoration: none; font-weight: 650; font-size: 14px; } .us-ac-all strong { color: #93c5fd; } .us-ac-all.is-active, .us-ac-all:hover { background: var(--us-accent); } .us-ac-all.is-active strong, .us-ac-all:hover strong { color: #fff; } .us-ac-empty { padding: 22px 20px; font-size: 14px; color: var(--us-muted); } .us-ac-empty strong { display: block; color: var(--us-ink); font-size: 15px; margin-bottom: 4px; } /* ───── Kosár és pénztár ───── */ .woocommerce-cart .inside-article, .woocommerce-checkout .inside-article { background: transparent !important; box-shadow: none !important; padding: 0 !important; } .woocommerce-cart .entry-header, .woocommerce-checkout .entry-header { display: none; } .us-flow { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; margin: 6px 0 14px; } .us-flow-title { margin: 0; font-size: clamp(26px, 3vw, 36px); } .us-steps { list-style: none; display: flex; align-items: center; gap: 8px; margin: 0; padding: 0; } .us-steps li { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 14px; font-weight: 650; color: var(--us-muted); } .us-steps li + li::before { content: ""; width: 34px; height: 2px; border-radius: 2px; background: var(--us-line); margin-right: 2px; } .us-steps li.is-done + li::before { background: var(--us-accent); } .us-steps a { display: flex; align-items: center; gap: 8px; color: inherit; text-decoration: none; } .us-step-n { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: #fff; border: 2px solid var(--us-line); font-size: 13px; font-weight: 800; } .us-steps li.is-current { color: var(--us-ink); } .us-steps li.is-current .us-step-n { background: var(--us-accent); border-color: var(--us-accent); color: #fff; box-shadow: 0 0 0 5px rgba(37, 99, 235, .15); } .us-steps li.is-done { color: var(--us-ink-2); } .us-steps li.is-done .us-step-n { background: var(--us-ok); border-color: var(--us-ok); color: #fff; } .us-trust { list-style: none; margin: 0 0 22px; padding: 12px 16px; display: flex; flex-wrap: wrap; gap: 8px 26px; background: #fff; border: 1px solid var(--us-line); border-radius: var(--us-r); box-shadow: var(--us-shadow-sm); } .us-trust li { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 13.5px; font-weight: 600; color: var(--us-ink-2); } .us-trust .us-ico { width: 20px; height: 20px; color: var(--us-ok); } /* blokkos kosár / pénztár kártyák */ .wp-block-woocommerce-cart.alignwide, .wp-block-woocommerce-checkout.alignwide { margin-left: 0 !important; margin-right: 0 !important; width: auto !important; max-width: 100% !important; } .wc-block-components-sidebar-layout { gap: 24px; flex-wrap: nowrap; margin: 0 !important; } .wc-block-components-sidebar-layout .wc-block-components-main { flex: 1 1 0; min-width: 0; width: auto !important; box-sizing: border-box; } .wc-block-components-sidebar-layout .wc-block-components-sidebar { flex: 0 0 380px; width: 380px !important; box-sizing: border-box; } .wc-block-components-sidebar-layout .wc-block-components-main { padding: 22px 24px !important; background: #fff; border: 1px solid var(--us-line); border-radius: var(--us-r); box-shadow: var(--us-shadow-sm); } .wc-block-components-sidebar { padding: 22px 22px 10px !important; background: #fff; border: 1px solid var(--us-line); border-radius: var(--us-r); box-shadow: var(--us-shadow); position: sticky; top: 92px; align-self: flex-start; } .wc-block-components-sidebar .wc-block-components-panel, .wc-block-components-totals-wrapper { border-color: var(--us-line) !important; } .wc-block-cart .wc-block-cart__totals-title, .wc-block-components-checkout-order-summary__title-text { font-size: 13px !important; text-transform: uppercase; letter-spacing: .06em; color: var(--us-muted); font-weight: 700 !important; } .wc-block-cart-items { border: 0 !important; } .wc-block-cart-items th { font-size: 12px !important; text-transform: uppercase; letter-spacing: .06em; color: var(--us-muted); border-bottom: 1px solid var(--us-line) !important; } .wc-block-cart-items td { border-top: 0 !important; border-bottom: 1px solid var(--us-line) !important; padding-top: 18px !important; padding-bottom: 18px !important; } .wc-block-cart-items tr:last-child td { border-bottom: 0 !important; } .wc-block-cart-item__image img, .wc-block-components-order-summary-item__image img { border-radius: 12px; border: 1px solid var(--us-line); background: #fff; padding: 4px; aspect-ratio: 1; object-fit: contain; } .wc-block-cart-item__image { width: 96px; } .wc-block-cart-item__image img { width: 84px; } .wc-block-components-product-name { font-weight: 650 !important; color: var(--us-ink) !important; text-decoration: none !important; font-size: 15px !important; line-height: 1.35; } .wc-block-components-product-name:hover { color: var(--us-accent) !important; } .wc-block-components-product-metadata { color: var(--us-muted); font-size: 12.5px; } .wc-block-cart-item__total .wc-block-components-product-price, .wc-block-cart-item__total-price-and-sale-badge-wrapper { font-weight: 800; font-size: 16px; } .wc-block-components-quantity-selector { border-radius: 12px !important; border: 1px solid var(--us-line) !important; overflow: hidden; } .wc-block-components-quantity-selector::after { display: none !important; } .wc-block-components-quantity-selector input { font-weight: 700; } .wc-block-components-quantity-selector button { color: var(--us-ink) !important; } .wc-block-components-quantity-selector button:hover { background: var(--us-bg) !important; } .wc-block-cart-item__remove-link { color: var(--us-muted) !important; } .wc-block-cart-item__remove-link:hover { color: var(--us-sale) !important; } .wc-block-components-totals-item { padding: 10px 0 !important; } .wc-block-components-totals-item__label { color: var(--us-ink-2); } .wc-block-components-totals-footer-item { padding-top: 16px !important; } .wc-block-components-totals-footer-item .wc-block-components-totals-item__label, .wc-block-components-totals-footer-item .wc-block-components-totals-item__value { font-size: 22px !important; font-weight: 800 !important; letter-spacing: -.02em; color: var(--us-ink); } .wc-block-components-totals-footer-item-tax { color: var(--us-muted); font-size: 12.5px !important; } .wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button { background: linear-gradient(135deg, var(--us-accent), #4f46e5) !important; color: #fff !important; border: 0 !important; min-height: 56px !important; font-size: 16.5px !important; font-weight: 750 !important; border-radius: 14px !important; box-shadow: 0 16px 30px -14px rgba(37, 99, 235, .85); transition: transform .2s var(--us-ease), box-shadow .2s !important; } .wc-block-cart__submit-button:hover, .wc-block-components-checkout-place-order-button:hover { transform: translateY(-2px); box-shadow: 0 20px 36px -14px rgba(37, 99, 235, .95); } .wc-block-cart__submit-container { padding-bottom: 12px; } .wp-block-woocommerce-cart-cross-sells-block h2, .wp-block-woocommerce-cart-cross-sells-block .wp-block-heading { font-size: 22px; } .wc-block-components-sidebar-layout .wc-block-components-main { align-self: flex-start; } .wp-block-woocommerce-checkout-order-summary-block { border: 0 !important; border-radius: 0 !important; } .wc-block-checkout__sidebar .wc-block-components-checkout-order-summary__title, .wc-block-checkout__sidebar .wc-block-components-checkout-order-summary__content, .wc-block-checkout__sidebar .wc-block-components-order-summary, .wc-block-checkout__sidebar .wc-block-components-totals-wrapper, .wc-block-checkout__sidebar .wc-block-components-panel { padding-left: 0 !important; padding-right: 0 !important; } .wc-block-checkout__sidebar .wc-block-components-checkout-order-summary__title { margin: 0 0 6px !important; padding-top: 0 !important; } /* pénztár lépések, mezők, választók */ .wc-block-checkout__form .wc-block-components-checkout-step { padding: 4px 0 6px !important; margin-bottom: 26px !important; border: 0 !important; } .wc-block-components-checkout-step__heading { margin: 0 0 14px !important; } .wc-block-components-checkout-step__title { font-size: 19px !important; font-weight: 750 !important; letter-spacing: -.02em; } .wc-block-components-checkout-step__container::after, .wc-block-components-checkout-step::after { display: none !important; } .wc-block-components-checkout-step__description { color: var(--us-muted); } .wc-block-components-text-input input, .wc-block-components-text-input textarea, .wc-blocks-components-select .wc-blocks-components-select__select, .wc-block-components-combobox .wc-block-components-combobox-control input { border-radius: 12px !important; border: 1px solid #d8deea !important; background: #fff !important; transition: border-color .15s, box-shadow .15s; } .wc-block-components-text-input input:focus, .wc-blocks-components-select .wc-blocks-components-select__select:focus, .wc-block-components-combobox .wc-block-components-combobox-control input:focus { border-color: var(--us-accent) !important; box-shadow: 0 0 0 4px rgba(37, 99, 235, .15) !important; outline: none !important; } .wc-block-components-text-input.has-error input, .wc-block-components-text-input.has-error input:focus { border-color: var(--us-sale) !important; box-shadow: 0 0 0 4px rgba(225, 29, 72, .12) !important; } .wc-block-components-text-input label, .wc-blocks-components-select__label { color: var(--us-muted) !important; } .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"] { border-radius: 6px !important; border-color: #c4ccda !important; } .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:checked { background: var(--us-accent) !important; border-color: var(--us-accent) !important; } .wc-block-components-checkbox .wc-block-components-checkbox__mark { fill: #fff !important; } .wc-block-components-radio-control--highlight-checked { border: 0 !important; box-shadow: none !important; } .wc-block-components-radio-control--highlight-checked::after { display: none !important; } .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control__option, .wc-block-components-radio-control-accordion-option { border: 1px solid var(--us-line) !important; border-radius: 14px !important; margin-bottom: 8px !important; background: #fff; transition: border-color .15s, background-color .15s, box-shadow .15s; } .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control__option:hover { border-color: #b9c7e4 !important; } .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control__option-checked, .wc-block-components-radio-control-accordion-option--checked-option-highlighted { border-color: var(--us-accent) !important; background: var(--us-accent-soft) !important; box-shadow: 0 0 0 3px rgba(37, 99, 235, .12) !important; } .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control__option::after, .wc-block-components-radio-control-accordion-option::after { display: none !important; } .wc-block-components-radio-control__input { border-color: #b6c0d2 !important; } .wc-block-components-radio-control__input:checked { border-color: var(--us-accent) !important; } .wc-block-components-radio-control__input:checked::before { background: var(--us-accent) !important; } .wc-block-components-radio-control__label { font-weight: 650; } .wc-block-components-radio-control__secondary-label { font-weight: 750; color: var(--us-ink); } .wc-block-components-radio-control__option-checked .wc-block-components-radio-control__secondary-label { color: var(--us-accent); } .wc-block-checkout__terms { font-size: 13.5px; color: var(--us-ink-2); } .wc-block-components-checkout-return-to-cart-button { color: var(--us-muted) !important; font-weight: 600; } .wc-block-components-order-summary-item__quantity { background: var(--us-ink) !important; color: #fff !important; border: 2px solid #fff !important; box-shadow: none !important; } .wc-block-components-order-summary-item__total-price { font-weight: 750; } .wc-block-components-panel__button { font-weight: 650 !important; } .wc-block-components-notice-banner { border-radius: 14px !important; } .wc-block-components-address-card { border-radius: 14px !important; border-color: var(--us-line) !important; } /* köszönőoldal */ .woocommerce-order { background: #fff; border: 1px solid var(--us-line); border-radius: var(--us-r); padding: clamp(20px, 3vw, 36px); box-shadow: var(--us-shadow-sm); } .woocommerce-thankyou-order-received { font-size: 18px; font-weight: 700; color: var(--us-ok); } .woocommerce ul.order_details { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 10px; padding: 0; margin: 18px 0 26px; } .woocommerce ul.order_details::before, .woocommerce ul.order_details::after { display: none; } .woocommerce ul.order_details li { float: none; margin: 0; padding: 14px 16px; border: 1px solid var(--us-line) !important; border-radius: 12px; background: var(--us-bg); font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--us-muted); } .woocommerce ul.order_details li strong { display: block; margin-top: 4px; font-size: 15px; text-transform: none; letter-spacing: 0; color: var(--us-ink); } @media (max-width: 768px) { .us-ac { position: fixed; left: 8px; right: 8px; top: var(--us-ac-top, 120px); max-height: calc(100dvh - var(--us-ac-top, 120px) - 12px); border-radius: 16px; } .us-ac-cats { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; padding-bottom: 8px; } .us-ac-cats::-webkit-scrollbar { display: none; } .us-ac-cat { flex: none; white-space: nowrap; } .us-ac-cat-pa { display: none; } .us-ac-item { grid-template-columns: 48px 1fr; gap: 10px; } .us-ac-img { width: 48px; height: 48px; } .us-ac-price { grid-column: 2; flex-direction: row; gap: 8px; align-items: baseline; justify-content: flex-start; } .us-ac-name { font-size: 13.5px; } .us-flow { flex-direction: column; align-items: flex-start; gap: 12px; } .us-steps li { font-size: 12.5px; } .us-steps li + li::before { width: 16px; } .us-step-n { width: 24px; height: 24px; font-size: 12px; } .us-trust { gap: 8px 16px; padding: 12px 14px; } .us-trust li { font-size: 12.5px; flex: 1 1 calc(50% - 16px); } .wc-block-components-sidebar-layout { flex-wrap: wrap; } .wc-block-components-sidebar-layout .wc-block-components-main { padding: 16px !important; } .wc-block-components-sidebar-layout .wc-block-components-main, .wc-block-components-sidebar-layout .wc-block-components-sidebar { flex: 1 1 100%; width: 100% !important; } .wc-block-components-sidebar { position: static; padding: 16px 16px 6px !important; } } /* ───── Reszponzív ───── */ @media (max-width: 1280px) { .us-tiles2 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .woocommerce ul.products.columns-5, .woocommerce .columns-5 ul.products { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (max-width: 1024px) { .woocommerce ul.products, ul.products, .woocommerce ul.products.columns-5, .woocommerce .columns-5 ul.products, .no-sidebar .woocommerce-archive-wrapper ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); } .us-hero2 { grid-template-columns: 1fr; } .us-hero2-visual { height: 300px; max-width: 560px; width: 100%; margin: 0 auto; } .us-usp { grid-template-columns: repeat(2, 1fr); } .us-tiles2 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .us-hbtn-label { display: none; } } @media (max-width: 768px) { .site-header .inside-header { flex-wrap: wrap; flex-direction: row !important; justify-content: space-between; text-align: left; gap: 10px 12px; padding: 10px 14px 12px; } .site-branding { text-align: left; } .site-header .main-title { font-size: 20px; } .site-header .main-title a::before { width: 128px; height: 42px; background-size: 118px 35px; } .us-search { order: 3; flex-basis: 100%; max-width: none; margin: 0; } .us-search input[type="search"] { padding: 11px 92px 11px 42px; font-size: 16px; } .us-search button { padding: 0 14px; } .us-hbtn { padding: 8px; } .us-cart-count { left: 22px; top: 0; } .main-navigation .menu-toggle { font-weight: 650; } .woocommerce ul.products, ul.products, .woocommerce ul.products.columns-5, .woocommerce .columns-5 ul.products, .no-sidebar .woocommerce-archive-wrapper ul.products, .woocommerce ul.products.columns-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .woocommerce ul.products li.product, ul.products li.product { padding: 10px 10px 12px !important; border-radius: 14px; } .woocommerce ul.products li.product .woocommerce-loop-product__title, ul.products li.product h2 { font-size: 13.5px !important; -webkit-line-clamp: 3; } .woocommerce ul.products li.product .price, ul.products li.product .price { font-size: 16.5px !important; } .us-card-brand { font-size: 10px; padding: 2px 6px; } .woocommerce ul.products li.product .button, ul.products li.product .button { padding: 10px 8px !important; font-size: 13px !important; } ul.products li.product:hover { transform: none; } .us-home { padding: 0 12px; } .us-hero2 { margin-top: 12px; padding: 26px 20px 20px; border-radius: 20px; gap: 10px; } .us-hero2-visual { height: 240px; } .us-hero-card { width: 150px; padding: 8px; border-radius: 14px; } .us-hero-card-name { font-size: 11.5px; } .us-hero-card-price { font-size: 14px; } .us-hero-card-3 { left: 28%; } .us-hero2-cta .us-btn { flex: 1; justify-content: center; padding: 13px 16px; } .us-usp { grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 30px; } .us-usp li { flex-direction: column; align-items: flex-start; gap: 8px; padding: 12px; font-size: 12px; } .us-usp strong { font-size: 13px; } .us-usp-ico { width: 36px; height: 36px; border-radius: 10px; } .us-tiles2 { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-bottom: 30px; } .us-tiles2 a { padding: 10px 6px; gap: 6px; border-radius: 14px; } .us-tile-txt strong { font-size: 12.5px; } .us-tile-txt span { font-size: 11px; } .us-row { margin-bottom: 30px; } .us-brands { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; } .us-brands a { height: 64px; padding: 10px; border-radius: 12px; } .us-brands a img { height: 40px; } .us-brand-name { font-size: 13px; } .us-chips { gap: 8px; } .us-chips a { font-size: 14px; } .us-perks { grid-template-columns: 1fr; } .single-product div.product form.cart .single_add_to_cart_button { min-width: 0; } .us-footer-in { grid-template-columns: 1fr 1fr; gap: 26px 18px; padding-top: 40px; } } @media (max-width: 768px) { .site-content { padding-left: 12px !important; padding-right: 12px !important; } .home .site-content { padding-left: 0 !important; padding-right: 0 !important; } .separate-containers .site-main { margin-top: 14px; } .woocommerce div.product .woocommerce-tabs ul.tabs { display: flex !important; flex-direction: row !important; } .woocommerce div.product .woocommerce-tabs ul.tabs li { display: block !important; width: auto !important; flex: none; } .single-product div.product form.cart .single_add_to_cart_button { white-space: nowrap; font-size: 15px !important; padding-left: 12px !important; padding-right: 12px !important; } .us-hero2-cta .us-btn { white-space: nowrap; font-size: 15px; padding: 13px 12px; } .us-hero2-cta .us-btn .us-ico { display: none; } } @media (max-width: 420px) { .us-footer-in { grid-template-columns: 1fr; } } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; } } /* ───── Termékoldal 2.0 ───── */ .single-product .inside-article { background: transparent !important; box-shadow: none !important; padding: 0 !important; } .single-product .site-main { margin-top: 18px !important; } .single-product div.product { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 28px 32px; align-items: start; position: relative; } .single-product div.product > * { grid-column: 1 / -1; } .single-product div.product > .woocommerce-product-gallery { grid-column: 1; grid-row: 1; } .single-product div.product > .summary { grid-column: 2; grid-row: 1; } .single-product div.product .woocommerce-product-gallery, .single-product div.product .summary { width: auto !important; float: none !important; margin: 0 !important; } .single-product div.product > span.onsale { grid-column: 1; grid-row: 1; position: absolute; top: 18px; left: 18px; z-index: 9; font-size: 15px; padding: 8px 12px; } .single-product div.product .woocommerce-product-gallery { position: relative !important; top: 0 !important; overflow: hidden; background: #fff; border: 1px solid var(--us-line); border-radius: 20px; padding: 20px; box-shadow: var(--us-shadow-sm); } .single-product div.product .woocommerce-product-gallery__wrapper { border-radius: 14px; overflow: hidden; } .single-product div.product .woocommerce-product-gallery__image { overflow: hidden; } .single-product div.product .woocommerce-product-gallery__image img { aspect-ratio: 1 / 1; object-fit: contain; background: #fff; border-radius: 14px; } .single-product div.product .woocommerce-product-gallery__trigger { top: 30px !important; right: 30px !important; width: 40px !important; height: 40px !important; border-radius: 12px !important; background: rgba(255, 255, 255, .92) !important; box-shadow: 0 4px 14px rgba(15, 23, 42, .12); display: grid !important; place-items: center; } .single-product div.product .flex-control-thumbs { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; margin-top: 14px !important; } .single-product div.product .flex-control-thumbs li { width: auto !important; margin: 0 !important; float: none !important; } .single-product div.product .flex-control-thumbs li img { aspect-ratio: 1 / 1; object-fit: contain; background: #fff; border-radius: 12px; border: 2px solid var(--us-line); padding: 4px; opacity: .7; transition: opacity .2s, border-color .2s, transform .2s; } .single-product div.product .flex-control-thumbs li img:hover { opacity: 1; transform: translateY(-2px); } .single-product div.product .flex-control-thumbs li img.flex-active { opacity: 1; border-color: var(--us-accent); } .single-product div.product .summary { display: flex; flex-direction: column; } .single-product .us-single-brand { align-self: flex-start; text-decoration: none; margin-bottom: 10px; } .single-product .us-single-brand:hover { background: var(--us-accent); color: #fff; } .single-product .product_title { font-size: clamp(24px, 2.5vw, 34px); line-height: 1.15; letter-spacing: -.03em; margin: 0 0 10px; } .us-sku { display: flex; flex-wrap: wrap; gap: 4px 10px; font-size: 13px; color: var(--us-muted); margin: 0 0 16px; } .us-sku span { color: var(--us-ink-2); font-weight: 600; } .us-sku i { font-style: normal; color: #cbd5e1; } .single-product .woocommerce-product-details__short-description { font-size: 15px; color: var(--us-ink-2); line-height: 1.6; margin: 0 0 18px; padding: 0 0 18px; border-bottom: 1px solid var(--us-line); } .single-product .woocommerce-product-details__short-description p { margin: 0; } .us-buybox { background: #fff; border: 1px solid var(--us-line); border-radius: 20px; padding: 22px 22px 18px; box-shadow: 0 20px 40px -24px rgba(15, 23, 42, .25), var(--us-shadow-sm); } .single-product .us-buybox p.price { margin: 0 !important; font-size: clamp(32px, 3.4vw, 42px) !important; line-height: 1.05; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; } .single-product .us-buybox p.price del { order: 2; font-size: .45em; } .single-product .us-buybox p.price .us-omnibus { flex-basis: 100%; font-size: 12px !important; font-weight: 500; letter-spacing: 0; } .us-vat { margin: 6px 0 16px; font-size: 13px; color: var(--us-muted); } .us-avail { display: flex; flex-direction: column; gap: 10px; padding: 14px 0; margin: 0 0 4px; border-top: 1px solid var(--us-line); } .us-avail .us-stock { margin: 0; font-size: 14.5px; } .us-avail .us-stock em { font-style: normal; font-weight: 500; color: var(--us-muted); } .us-eta { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; color: var(--us-ink-2); line-height: 1.4; } .us-eta .us-ico { width: 20px; height: 20px; color: var(--us-accent); margin-top: 1px; } .us-eta strong { color: var(--us-ink); } .single-product .us-buybox form.cart { margin: 6px 0 0 !important; } .single-product div.product .us-perks { margin: 16px 0 14px; } .single-product .elallas-notice { margin-top: 0; } /* fülek helyett szakaszok + ragadós ugrómenü */ .single-product .woocommerce-tabs { margin-top: 10px; } .woocommerce div.product .woocommerce-tabs ul.tabs { position: sticky; top: 84px; z-index: 20; margin: 0 0 18px !important; padding: 8px !important; background: rgba(255, 255, 255, .92); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border: 1px solid var(--us-line) !important; border-radius: 16px; box-shadow: var(--us-shadow-sm); } .woocommerce div.product .woocommerce-tabs .panel { display: block !important; margin: 0 0 20px !important; padding: clamp(18px, 3vw, 32px) !important; background: #fff; border: 1px solid var(--us-line); border-radius: 20px; box-shadow: var(--us-shadow-sm); scroll-margin-top: 160px; } .woocommerce div.product .woocommerce-tabs .panel > h2:first-child { display: block !important; font-size: 22px; margin: 0 0 16px; } .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--description { max-width: none; } .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--description p { max-width: 860px; } .woocommerce-tabs table.shop_attributes { width: 100%; border-collapse: separate; border-spacing: 0; } .woocommerce-tabs table.shop_attributes tr th[colspan] { background: transparent !important; color: var(--us-ink) !important; font-size: 13px !important; font-weight: 750 !important; text-transform: uppercase; letter-spacing: .06em; padding: 22px 14px 10px !important; width: auto !important; } .woocommerce-tabs table.shop_attributes tr:first-child th[colspan] { padding-top: 4px !important; } .woocommerce-tabs table.shop_attributes tr:has(th[colspan]) + tr > * { border-top: 1px solid var(--us-line) !important; } .woocommerce table.shop_attributes tr:nth-child(odd) th, .woocommerce table.shop_attributes tr:nth-child(odd) td { background: transparent; } .woocommerce-tabs table.shop_attributes tr:not(:has(th[colspan])):nth-child(even) > * { background: var(--us-bg); } .woocommerce-tabs table.shop_attributes td { color: var(--us-ink); font-weight: 550; } .woocommerce-tabs table.shop_attributes th, .woocommerce-tabs table.shop_attributes td { text-align: left !important; vertical-align: top; } .woocommerce-tabs table.shop_attributes th:not([colspan]) { width: 40% !important; } .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--us_specs::before { content: "Specifikáció"; display: block; font-size: 22px; font-weight: 750; letter-spacing: -.025em; margin: 0 0 8px; color: var(--us-ink); } .woocommerce-tabs table.shop_attributes td p { margin: 0; } .single-product .related.products, .single-product .upsells.products { margin-top: 10px; } .single-product .related.products > h2, .single-product .upsells.products > h2 { font-size: 24px; margin: 10px 0 16px; } .single-product .related ul.products, .single-product .upsells ul.products { grid-template-columns: repeat(5, minmax(0, 1fr)); } /* GP ragadós kosár-sáv */ .add-to-cart-panel { background: rgba(255, 255, 255, .96) !important; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-bottom: 1px solid var(--us-line); } .add-to-cart-panel .product-image img { border-radius: 10px; border: 1px solid var(--us-line); background: #fff; object-fit: contain; } .add-to-cart-panel .product-title { font-weight: 650; } .add-to-cart-panel .product-price { font-weight: 800; font-size: 18px; } .add-to-cart-panel .button { border-radius: 12px !important; background: linear-gradient(135deg, var(--us-accent), #4f46e5) !important; color: #fff !important; } @media (max-width: 1024px) { .single-product div.product { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 22px; } .single-product .related ul.products, .single-product .upsells ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 768px) { .single-product div.product { grid-template-columns: minmax(0, 1fr); gap: 16px; } .single-product div.product > .woocommerce-product-gallery, .single-product div.product > .summary { grid-column: 1; grid-row: auto; } .single-product div.product > span.onsale { top: 14px; left: 14px; } .single-product div.product .woocommerce-product-gallery { position: relative !important; top: 0; padding: 12px; border-radius: 16px; } .single-product div.product .flex-control-thumbs { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; } .us-buybox { padding: 18px 16px 14px; border-radius: 16px; } .woocommerce div.product .woocommerce-tabs ul.tabs { top: 0; position: relative; } .woocommerce div.product .woocommerce-tabs .panel { border-radius: 16px; } .woocommerce-tabs table.shop_attributes th:not([colspan]) { width: 46% !important; font-size: 13px; } .woocommerce-tabs table.shop_attributes td { font-size: 13.5px; } .single-product .related ul.products, .single-product .upsells ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); } .add-to-cart-panel { top: auto !important; bottom: 0 !important; border-top: 1px solid var(--us-line); border-bottom: 0; box-shadow: 0 -10px 30px -12px rgba(15, 23, 42, .25); } } ul.products li.product .price .us-omnibus { font-size: 11px !important; line-height: 1.35; margin-top: 2px; color: var(--us-muted) !important; font-weight: 500; } /* ár-szűrő widget */ .widget_price_filter .price_slider_wrapper { padding-top: 6px; } .widget_price_filter .ui-slider { height: 6px !important; border-radius: 999px; background: var(--us-line) !important; border: 0 !important; margin: 4px 8px 22px !important; } .widget_price_filter .ui-slider .ui-slider-range { background: var(--us-accent) !important; border-radius: 999px; } .widget_price_filter .ui-slider .ui-slider-handle { width: 20px !important; height: 20px !important; top: -7px !important; border-radius: 50% !important; background: #fff !important; border: 3px solid var(--us-accent) !important; box-shadow: 0 2px 8px rgba(37, 99, 235, .35); cursor: grab; } .widget_price_filter .price_slider_amount { display: flex; flex-direction: column-reverse; gap: 12px; text-align: left !important; line-height: 1.4; } .widget_price_filter .price_slider_amount .price_label { font-size: 13.5px; color: var(--us-ink-2); font-weight: 600; } .widget_price_filter .price_slider_amount .button { float: none !important; width: 100%; padding: 10px 16px !important; background: var(--us-ink) !important; color: #fff !important; font-size: 14px !important; } .widget_price_filter .price_slider_amount .button:hover { background: var(--us-accent) !important; } .widget select, .widget .woocommerce-widget-layered-nav-dropdown { width: 100% !important; border-radius: 12px; padding: 10px 12px; font-size: 14.5px; } .search .woocommerce-products-header__title.page-title { font-size: clamp(24px, 2.6vw, 34px); } /* ───── 404 ───── */ .error404 .inside-article { text-align: center; padding: clamp(36px, 6vw, 72px) clamp(20px, 4vw, 48px) !important; } .error404 .entry-title { font-size: clamp(24px, 3vw, 34px); display: flex; flex-direction: column; align-items: center; gap: 6px; } .us-404-code { font-size: clamp(84px, 14vw, 150px); line-height: .9; font-weight: 900; letter-spacing: -.06em; background: linear-gradient(135deg, #3b82f6, var(--us-accent-2) 60%, #f0abfc); -webkit-background-clip: text; background-clip: text; color: transparent; } .error404 .entry-content > p { max-width: 560px; margin: 8px auto 22px; color: var(--us-ink-2); } .error404 .search-form { max-width: 560px; margin: 0 auto; display: flex; gap: 8px; } .error404 .search-form label { flex: 1; } .error404 .search-form .search-field { width: 100%; height: 52px; border-radius: 999px; padding: 0 20px; font-size: 16px; } .error404 .search-form .search-submit { height: 52px; width: 52px; border-radius: 999px !important; } .us-404-more { display: flex; flex-direction: column; align-items: center; gap: 22px; margin-top: 30px; } .us-404-more .us-chips { justify-content: center; margin: 0; max-width: 900px; flex-wrap: wrap; } /* ───── Fiók: belépés és fióknavigáció ───── */ .woocommerce-account:not(.logged-in) .inside-article { background: transparent !important; box-shadow: none !important; padding: 0 !important; } .woocommerce-account:not(.logged-in) .entry-header { display: none; } .woocommerce-account:not(.logged-in) .entry-content > .woocommerce { max-width: 480px; margin: 20px auto 0; background: #fff; border: 1px solid var(--us-line); border-radius: 24px; padding: clamp(24px, 4vw, 40px); box-shadow: 0 30px 60px -30px rgba(15, 23, 42, .3), var(--us-shadow-sm); } .woocommerce-account:not(.logged-in) .entry-content > .woocommerce > h2 { font-size: 28px; margin: 0 0 6px; } .woocommerce-account:not(.logged-in) .entry-content > .woocommerce > h2::before { content: ""; display: block; width: 52px; height: 52px; margin-bottom: 16px; border-radius: 16px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E") center / 26px no-repeat, linear-gradient(135deg, #3b82f6, #7c3aed); box-shadow: 0 10px 24px -10px rgba(124, 58, 237, .8); } .woocommerce form.woocommerce-form-login, .woocommerce form.woocommerce-form-register, .woocommerce form.lost_reset_password { border: 0 !important; padding: 0 !important; margin: 18px 0 0 !important; } .woocommerce form .form-row label { font-size: 14px; font-weight: 600; color: var(--us-ink-2); margin-bottom: 6px; } .woocommerce-account form .form-row .input-text, .woocommerce-account .woocommerce form .form-row select { height: 50px; border-radius: 12px; padding: 0 14px; border: 1px solid #d8deea; background: #fff; font-size: 15.5px; } .woocommerce-account form .form-row .input-text:focus { border-color: var(--us-accent); box-shadow: 0 0 0 4px rgba(37, 99, 235, .15); } .woocommerce form.woocommerce-form-login .form-row:has(.woocommerce-form-login__submit) { display: flex; flex-direction: column-reverse; gap: 14px; margin-top: 6px; } .woocommerce form.woocommerce-form-login .woocommerce-form-login__submit { width: 100%; height: 52px; margin: 0 !important; float: none !important; font-size: 16px !important; font-weight: 700; background: linear-gradient(135deg, var(--us-accent), #4f46e5) !important; color: #fff !important; box-shadow: 0 14px 28px -12px rgba(37, 99, 235, .8); } .woocommerce form.woocommerce-form-login .woocommerce-form-login__rememberme { display: inline-flex; align-items: center; gap: 8px; font-weight: 500; font-size: 14px; margin: 0; } .woocommerce form.woocommerce-form-login .lost_password { margin: 14px 0 0; text-align: center; font-size: 14px; } .woocommerce form.woocommerce-form-login .lost_password a { font-weight: 600; text-decoration: none; } .woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 8px; background: #fff; border: 1px solid var(--us-line); border-radius: var(--us-r); } .woocommerce-account .woocommerce-MyAccount-navigation li { margin: 0; } .woocommerce-account .woocommerce-MyAccount-navigation li a { display: block; padding: 11px 14px; border-radius: 10px; color: var(--us-ink-2); text-decoration: none; font-weight: 600; font-size: 14.5px; } .woocommerce-account .woocommerce-MyAccount-navigation li a:hover { background: var(--us-bg); color: var(--us-accent); } .woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { background: var(--us-accent-soft); color: var(--us-accent); } .woocommerce-account .woocommerce-MyAccount-content table.shop_table { border-radius: 14px; overflow: hidden; border-color: var(--us-line); } .woocommerce-account .woocommerce-MyAccount-content table.shop_table th { background: var(--us-bg); font-size: 13px; text-transform: uppercase; letter-spacing: .04em; color: var(--us-muted); } /* ───── Fiók: belépés + regisztráció két oszlopban (mobilon egymás alatt) ───── */ .woocommerce-account:not(.logged-in) .entry-content > .woocommerce:has(#customer_login) { max-width: 980px; padding: clamp(22px, 4vw, 48px); } .woocommerce-account #customer_login.col2-set { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0; width: 100%; margin: 0; } .woocommerce-account #customer_login.col2-set::before, .woocommerce-account #customer_login.col2-set::after { display: none; } .woocommerce-account #customer_login .u-column1, .woocommerce-account #customer_login .u-column2 { float: none !important; width: auto !important; max-width: none; min-width: 0; margin: 0 !important; } .woocommerce-account #customer_login .u-column1 { padding-right: clamp(24px, 4vw, 48px); } .woocommerce-account #customer_login .u-column2 { padding-left: clamp(24px, 4vw, 48px); border-left: 1px solid var(--us-line); } .woocommerce-account #customer_login h2 { font-size: clamp(24px, 2.6vw, 30px); line-height: 1.15; margin: 0 0 4px; overflow-wrap: normal; word-break: normal; hyphens: manual; } .woocommerce-account #customer_login h2::before { content: ""; display: block; width: 48px; height: 48px; margin-bottom: 14px; border-radius: 14px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E") center / 24px no-repeat, linear-gradient(135deg, #3b82f6, #7c3aed); box-shadow: 0 10px 24px -10px rgba(124, 58, 237, .8); } .woocommerce-account #customer_login .u-column2 h2::before { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10' cy='8' r='4'/%3E%3Cpath d='M2 21a8 8 0 0 1 16 0'/%3E%3Cpath d='M19 8v6M16 11h6'/%3E%3C/svg%3E") center / 24px no-repeat, linear-gradient(135deg, #0ea5e9, #2563eb); } .woocommerce-account #customer_login form .form-row { margin: 0 0 14px; padding: 0; width: 100%; float: none; } .woocommerce-account #customer_login form .form-row label { line-height: 1.4; margin-bottom: 6px; display: block; } .woocommerce-account #customer_login form .form-row .input-text { width: 100%; } .woocommerce-account #customer_login .password-input { display: block; width: 100%; } .woocommerce-account #customer_login .woocommerce-privacy-policy-text, .woocommerce-account #customer_login .woocommerce-privacy-policy-text p { font-size: 13.5px; line-height: 1.55; color: var(--us-muted); margin: 4px 0 14px; } .woocommerce-account #customer_login form.woocommerce-form-register label:has(input[type="checkbox"]), .woocommerce-account #customer_login form.woocommerce-form-register .woocommerce-form__label-for-checkbox { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; font-weight: 500; line-height: 1.45; } .woocommerce-account #customer_login form.woocommerce-form-register input[type="checkbox"] { flex: 0 0 auto; width: 18px; height: 18px; margin: 1px 0 0; } .woocommerce-account #customer_login .woocommerce-form-register__submit { width: 100%; height: 52px; margin: 6px 0 0 !important; float: none !important; font-size: 16px !important; font-weight: 700; border-radius: 12px; background: var(--us-ink) !important; color: #fff !important; } .woocommerce-account #customer_login .woocommerce-form-register__submit:hover { background: var(--us-accent) !important; } @media (max-width: 760px) { .woocommerce-account:not(.logged-in) .entry-content > .woocommerce:has(#customer_login) { margin-top: 8px; border-radius: 18px; padding: 22px 18px; } .woocommerce-account #customer_login.col2-set { grid-template-columns: minmax(0, 1fr); } .woocommerce-account #customer_login .u-column1 { padding-right: 0; } .woocommerce-account #customer_login .u-column2 { padding-left: 0; border-left: 0; border-top: 1px solid var(--us-line); margin-top: 26px !important; padding-top: 26px; } .woocommerce-account #customer_login h2 { font-size: 24px; } .woocommerce-account #customer_login h2::before { width: 42px; height: 42px; border-radius: 12px; background-size: 21px, auto; } .woocommerce-account form .form-row .input-text { font-size: 16px; } } /* ───── Üres kosár: ajánlott termékek ───── */ .wp-block-woocommerce-empty-cart-block .wp-block-separator { display: none; } .wp-block-woocommerce-empty-cart-block a:not(.wp-block-button__link):not(.wc-block-components-product-button__button) { text-decoration: none; } .wp-block-woocommerce-empty-cart-block .wc-block-product-template { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 18px !important; padding: 0 !important; margin: 0 !important; } .wp-block-woocommerce-empty-cart-block .wc-block-product { list-style: none; margin: 0 !important; width: auto !important; max-width: none !important; background: #fff; border: 1px solid var(--us-line); border-radius: var(--us-r); padding: 14px !important; box-shadow: var(--us-shadow-sm); display: flex; flex-direction: column; text-align: left !important; transition: transform .25s var(--us-ease), box-shadow .25s; } .wp-block-woocommerce-empty-cart-block .wc-block-product:hover { transform: translateY(-4px); box-shadow: var(--us-shadow-lg); } .wp-block-woocommerce-empty-cart-block .wc-block-product img { aspect-ratio: 1 / 1; object-fit: contain; border-radius: 12px; width: 100%; height: auto; } .wp-block-woocommerce-empty-cart-block .wc-block-product .wp-block-post-title { font-size: 14.5px !important; font-weight: 600; line-height: 1.38; text-align: left !important; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 10px 0 !important; } .wp-block-woocommerce-empty-cart-block .wc-block-product .wp-block-post-title a { color: var(--us-ink); } .wp-block-woocommerce-empty-cart-block .wc-block-product .wc-block-components-product-price { text-align: left !important; font-size: 18px !important; font-weight: 800; margin-top: auto; } .wp-block-woocommerce-empty-cart-block .wc-block-components-product-button { justify-content: stretch !important; margin-top: 10px !important; } .wp-block-woocommerce-empty-cart-block .wc-block-components-product-button__button { width: 100%; background: var(--us-ink) !important; color: #fff !important; border-radius: 12px !important; font-size: 14px !important; padding: 11px 14px !important; } .wp-block-woocommerce-empty-cart-block .wc-block-components-product-button__button:hover { background: var(--us-accent) !important; } @media (max-width: 768px) { .wp-block-woocommerce-empty-cart-block .wc-block-product-template { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; } } /* ───── WooCommerce blokk-termékrács (pl. üres kosár „Újdonságok”) – ugyanaz a kártya, mint a listákban ───── */ .wc-block-grid .wc-block-grid__products { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin: 0 !important; padding: 0; } .wc-block-grid.has-5-columns .wc-block-grid__products { grid-template-columns: repeat(5, minmax(0, 1fr)); } .wc-block-grid .wc-block-grid__product { position: relative; display: flex; flex-direction: column; flex: none !important; max-width: none !important; width: auto !important; margin: 0 !important; background: #fff; border: 1px solid var(--us-line) !important; border-radius: var(--us-r); padding: 14px 14px 16px !important; text-align: left !important; box-shadow: var(--us-shadow-sm); transition: transform .25s var(--us-ease), box-shadow .25s var(--us-ease), border-color .25s; } .wc-block-grid .wc-block-grid__product:hover { transform: translateY(-4px); box-shadow: var(--us-shadow-lg); border-color: #c7d7fe !important; } .wc-block-grid .wc-block-grid__product-link { display: flex; flex-direction: column; flex: 1; text-decoration: none !important; color: inherit; } .wc-block-grid .wc-block-grid__product-image { margin: 0 0 12px !important; border-radius: 12px; overflow: hidden; aspect-ratio: 1 / 1; display: grid; place-items: center; background: #fff; } .wc-block-grid .wc-block-grid__product-image img { width: 100% !important; height: 100% !important; object-fit: contain; padding: 6px; transition: transform .4s var(--us-ease); } .wc-block-grid .wc-block-grid__product:hover .wc-block-grid__product-image img { transform: scale(1.04); } .wc-block-grid .wc-block-grid__product-title { font-size: 14.5px !important; font-weight: 600 !important; line-height: 1.38; color: var(--us-ink) !important; margin: 0 0 10px !important; text-align: left; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; min-height: 4.14em; } .wc-block-grid .wc-block-grid__product:hover .wc-block-grid__product-title { color: var(--us-accent) !important; } .wc-block-grid .wc-block-grid__product-price { margin: auto 0 12px !important; font-size: 19px !important; font-weight: 800; color: var(--us-ink) !important; text-align: left; letter-spacing: -.02em; } .wc-block-grid .wc-block-grid__product-price ins { text-decoration: none; color: var(--us-sale); } .wc-block-grid .wc-block-grid__product-add-to-cart { margin: 0 !important; } .wc-block-grid .wc-block-grid__product-add-to-cart .wp-block-button__link { display: flex !important; justify-content: center; width: 100%; padding: 11px 14px !important; margin: 0 !important; background: var(--us-ink) !important; color: #fff !important; border-radius: 12px !important; font-size: 14px !important; font-weight: 650; } .wc-block-grid .wc-block-grid__product-add-to-cart .wp-block-button__link:hover { background: var(--us-accent) !important; } .wc-block-grid .wc-block-grid__product-onsale { position: absolute; top: 12px; left: 12px; z-index: 2; margin: 0 !important; border: 0 !important; background: var(--us-sale) !important; color: #fff !important; border-radius: 8px !important; padding: 5px 9px !important; font-size: 12.5px !important; font-weight: 800; } .wc-block-cart__empty-cart__title + p a, .wp-block-woocommerce-empty-cart-block p.has-text-align-center a, .wp-block-woocommerce-empty-cart-block .has-text-align-center > a { display: inline-flex; align-items: center; gap: 8px; padding: 12px 22px; border-radius: 12px; background: var(--us-accent); color: #fff !important; font-weight: 650; text-decoration: none !important; box-shadow: 0 8px 20px -8px rgba(37, 99, 235, .6); } @media (max-width: 1024px) { .wc-block-grid .wc-block-grid__products, .wc-block-grid.has-5-columns .wc-block-grid__products { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 768px) { .wc-block-grid .wc-block-grid__products, .wc-block-grid.has-5-columns .wc-block-grid__products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } } /* ───── Mobil, vásznon kívüli menü ───── */ .slideout-navigation.main-navigation { width: min(86vw, 340px) !important; max-width: none !important; box-shadow: 20px 0 60px -20px rgba(2, 6, 23, .45); } .slideout-overlay { background: rgba(11, 18, 32, .55) !important; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); } .slideout-navigation .inside-navigation { position: relative; padding: 64px 0 24px !important; } .slideout-navigation .inside-navigation::before { content: "Kategóriák"; position: absolute; top: 20px; left: 20px; font-size: 20px; font-weight: 800; letter-spacing: -.02em; color: var(--us-ink); } .slideout-navigation .slideout-exit, .slideout-navigation button.slideout-exit { position: absolute !important; top: 12px; right: 12px; left: auto !important; width: 44px !important; height: 44px; padding: 0 !important; display: grid !important; place-items: center; border-radius: 12px !important; color: var(--us-ink) !important; background: var(--us-bg) !important; line-height: 0; z-index: 2; } .slideout-navigation .main-nav ul li a { font-size: 15.5px !important; font-weight: 650 !important; padding: 13px 20px !important; line-height: 1.3 !important; color: var(--us-ink) !important; background: transparent !important; } .slideout-navigation .main-nav > ul > li { border-bottom: 1px solid var(--us-line); } .slideout-navigation .main-nav ul ul { background: #f8fafc !important; padding: 4px 0 8px !important; box-shadow: none !important; border-radius: 0 !important; width: 100% !important; position: static !important; } .slideout-navigation .main-nav ul ul li a { font-size: 14.5px !important; font-weight: 500 !important; padding: 10px 20px 10px 32px !important; color: var(--us-ink-2) !important; } .slideout-navigation .main-nav ul li a:hover, .slideout-navigation .main-nav ul li.sfHover > a { color: var(--us-accent) !important; } .slideout-navigation .dropdown-menu-toggle { padding: 0 6px 0 12px !important; color: var(--us-muted); } .slideout-navigation .main-nav ul li.toggled-on > a .dropdown-menu-toggle { color: var(--us-accent); } .slideout-navigation .main-nav > ul > li.us-m-extra { border-bottom: 0; } .slideout-navigation .main-nav > ul > li.us-m-extra > a { font-weight: 600 !important; font-size: 14.5px !important; color: var(--us-ink-2) !important; padding-top: 10px !important; padding-bottom: 10px !important; } .slideout-navigation .main-nav > ul > li.us-m-first { margin-top: 14px; border-top: 1px solid var(--us-line); padding-top: 8px; } @media (max-width: 768px) { .main-navigation .menu-toggle { display: inline-flex; align-items: center; gap: 8px; font-weight: 650 !important; } } .quantity [role="button"] { cursor: pointer; user-select: none; } /* jogi oldalak: a tartalomjegyzék sorszáma már a címben van – ne legyen dupla számozás */ .us-toc ol, .us-toc ul { list-style: none; padding-left: 0; margin-left: 0; } .us-toc li { margin: 4px 0; } /* Elállás bővítmény oldalsávja (EU-értesítés) – teljes szélességű sáv a lábléc alján */ .elallas-notice-bar { max-width: none !important; width: 100% !important; margin: 0 !important; border-radius: 0 !important; border: 0 !important; border-top: 1px solid #1e293b !important; background: #070c17 !important; padding: 10px 20px !important; } .elallas-notice-bar .elallas-notice { max-width: 1320px; margin: 0 auto; background: transparent; border: 0; padding: 0; color: #cbd5e1; } .elallas-notice-bar .elallas-notice summary { color: #cbd5e1; font-size: 13.5px; } .elallas-notice-bar .elallas-notice summary:hover { color: #fff; } /* ───── Szállítási módok: a nem választottak elhalványulnak, de választhatók maradnak ───── */ .us-pk-has-choice .wc-block-components-radio-control__option:not(.wc-block-components-radio-control__option-checked) { opacity: .45; transition: opacity .2s; } .us-pk-has-choice .wc-block-components-radio-control__option:not(.wc-block-components-radio-control__option-checked):hover, .us-pk-has-choice .wc-block-components-radio-control__option:not(.wc-block-components-radio-control__option-checked):focus-within { opacity: 1; } /* ───── Csomagpont-választó panel ───── */ .us-pk-panel { margin: -2px 0 10px; padding: 16px; border: 1px solid var(--us-accent); border-top: 0; border-radius: 0 0 14px 14px; background: #fff; box-shadow: 0 0 0 3px rgba(37, 99, 235, .12); animation: us-pk-in .18s var(--us-ease); } @keyframes us-pk-in { from { opacity: 0; transform: translateY(-4px); } } .us-pk-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 12px; margin-bottom: 12px; } .us-pk-head strong { font-size: 15px; color: var(--us-ink); } .us-pk-head span { font-size: 12.5px; font-weight: 600; color: var(--us-accent); } .us-pk-label { display: block; font-size: 13px; font-weight: 600; color: var(--us-ink-2); margin-bottom: 6px; } .us-pk-q { width: 100%; height: 50px; padding: 0 16px 0 44px !important; border-radius: 12px !important; border: 1px solid #d8deea !important; font-size: 16px !important; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11a7 7 0 0 1 14 0c0 4.8-7 11-7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E") 14px center / 20px no-repeat !important; } .us-pk-q:focus { border-color: var(--us-accent) !important; box-shadow: 0 0 0 4px rgba(37, 99, 235, .15) !important; outline: none; } .us-pk-panel.is-loading .us-pk-q { background-image: none !important; } .us-pk-hint { margin: 8px 0 0; font-size: 12.5px; color: var(--us-muted); } .us-pk-list { list-style: none; margin: 10px 0 0; padding: 0; max-height: 340px; overflow-y: auto; border-radius: 12px; overscroll-behavior: contain; } .us-pk-list:empty { display: none; } .us-pk-list li { margin: 0; } .us-pk-opt { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; width: 100%; text-align: left; padding: 10px 12px !important; margin: 0 0 6px; border: 1px solid var(--us-line) !important; border-radius: 12px !important; background: #fff !important; color: var(--us-ink) !important; cursor: pointer; font-weight: 400 !important; line-height: 1.35; } .us-pk-opt:hover, .us-pk-opt:focus { border-color: var(--us-accent) !important; background: var(--us-accent-soft) !important; outline: none; } .us-pk-opt strong { font-size: 14px; font-weight: 650; } .us-pk-opt span:last-child { font-size: 12.5px; color: var(--us-muted); } .us-pk-type { font-size: 10.5px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--us-accent); } .us-pk-none { padding: 10px 2px; font-size: 13.5px; color: var(--us-muted); } .us-pk-chosen { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; } .us-pk-card { display: flex; flex-direction: column; gap: 2px; padding: 12px 14px; border-radius: 12px; background: #f0fdf4; border: 1px solid #bbf7d0; flex: 1 1 260px; } .us-pk-card strong { font-size: 14.5px; color: var(--us-ink); } .us-pk-card span:last-child { font-size: 13px; color: var(--us-ink-2); } .us-pk-card .us-pk-type { color: var(--us-ok); } .us-pk-change { padding: 10px 14px !important; border-radius: 10px !important; background: #fff !important; color: var(--us-accent) !important; border: 1px solid var(--us-line) !important; font-size: 13.5px !important; font-weight: 650 !important; } .us-pk-change:hover { border-color: var(--us-accent) !important; } /* Kosár mobilon/keskeny konténerben: kép | név+ár+mennyiség, a sorösszeg a név alatt jobbra – semmi nem lóg ki */ :is(.is-mobile, .is-small) table.wc-block-cart-items { width: 100%; table-layout: fixed; } :is(.is-mobile, .is-small) table.wc-block-cart-items .wc-block-cart-items__row { grid-template-columns: 76px minmax(0, 1fr) !important; column-gap: 14px !important; row-gap: 6px; padding: 16px 0 !important; border-bottom: 1px solid var(--us-line); } :is(.is-mobile, .is-small) table.wc-block-cart-items tr:last-child { border-bottom: 0; } :is(.is-mobile, .is-small) table.wc-block-cart-items .wc-block-cart-items__row td { padding: 0 !important; border: 0 !important; min-width: 0; } :is(.is-mobile, .is-small) table.wc-block-cart-items .wc-block-cart-item__image { width: auto !important; grid-column: 1 !important; grid-row: 1 / span 2 !important; } :is(.is-mobile, .is-small) table.wc-block-cart-items .wc-block-cart-item__image img { width: 76px; } :is(.is-mobile, .is-small) table.wc-block-cart-items .wc-block-cart-item__product { grid-column: 2 !important; grid-row: 1 !important; overflow-wrap: anywhere; } :is(.is-mobile, .is-small) table.wc-block-cart-items .wc-block-cart-item__total { grid-column: 2 !important; grid-row: 2 !important; justify-self: end; align-self: center; } :is(.is-mobile, .is-small) .wc-block-components-product-name { font-size: 14px !important; } @media (max-width: 640px) { .wc-block-components-sidebar-layout .wc-block-components-main { padding: 14px 14px !important; } .wc-block-components-sidebar { padding: 18px 14px 8px !important; } } /* ───── Alkategóriák: csempék rácsban (asztalon több oszlop, mobilon kettő) – nincs oldalra görgetés ───── */ .us-chips-sub { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; padding: 16px; } .us-chips-sub .us-chips-label { grid-column: 1 / -1; margin-bottom: 0; } .us-chips-sub a { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 12px 12px 12px 14px; border-radius: 14px; white-space: normal; font-size: 14.5px; line-height: 1.25; border-color: #dbe4f3; } .us-chips-sub a::before { width: 10px; height: 10px; } .us-chips-sub a span { margin-left: auto; flex: none; } .us-chips-sub a::after { content: ""; flex: none; width: 7px; height: 7px; margin-left: 2px; border-right: 2px solid #94a3b8; border-top: 2px solid #94a3b8; transform: rotate(45deg); transition: transform .2s var(--us-ease), border-color .2s; } .us-chips-sub a:hover::after { border-color: var(--us-accent); transform: translateX(3px) rotate(45deg); } @media (max-width: 640px) { .us-chips-sub { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 12px; border-radius: 16px; } .us-chips-sub .us-chips-label { display: flex; } .us-chips-sub a { display: grid; grid-template-columns: 9px minmax(0, 1fr); align-items: center; align-content: center; gap: 5px 8px; padding: 10px 11px; font-size: 13.5px; border-radius: 12px; } .us-chips-sub a::before { width: 9px; height: 9px; } .us-chips-sub a::after { display: none; } .us-chips-sub a span { grid-column: 2; justify-self: start; margin-left: 0; font-size: 11px; padding: 2px 8px; } } /* Szakaszfejléc keskeny kijelzőn: a „Részletek / Összes →” link a cím alá törhet, nem lóg ki (320 px-en is) */ @media (max-width: 480px) { .us-sec-head { flex-wrap: wrap; align-items: baseline; gap: 4px 12px; } .us-sec-head h2 { flex: 1 1 100%; } .us-sec-head a { white-space: normal; font-size: 13.5px; } } /* EU jogszabályi szavatossági tájékoztató (Elállás bővítmény) mobilon: a bővítmény oldalra görgethető, levágott képet mutat – helyette a teljes tájékoztató fér be a képernyőbe, koppintásra teljes méretben nyílik meg (olvasható marad). */ @media (max-width: 599px) { body .elallas-notice .elallas-notice__scroller { overflow: visible; } body .elallas-notice .elallas-notice__image { width: 100%; max-width: 100%; height: auto; border-radius: 8px; box-shadow: 0 0 0 1px var(--us-line); } body .elallas-notice .elallas-notice__zoom::after { content: "Koppintson a képre a teljes méretű tájékoztatóhoz"; display: block; margin-top: 8px; font-size: 12.5px; font-weight: 600; text-align: center; color: var(--us-accent); } } /* ───── Kapcsolat oldal ───── */ .rhw-kapcsolat { display: grid; grid-template-columns: minmax(220px, 300px) minmax(0, 1fr); gap: clamp(20px, 3vw, 36px); align-items: start; margin-top: 18px; } .rhw-kapcsolat-adatok { background: var(--us-bg); border: 1px solid var(--us-line); border-radius: 18px; padding: 22px; } .rhw-kapcsolat-adatok p { margin: 0 0 16px; font-size: 15px; line-height: 1.55; } .rhw-kapcsolat-adatok p:last-child { margin-bottom: 0; } .rhw-kapcsolat-adatok strong { display: block; font-size: 12.5px; text-transform: uppercase; letter-spacing: .05em; color: var(--us-muted); margin-bottom: 2px; } .rhw-kapcsolat-adatok a { font-weight: 600; text-decoration: none; } .rhw-kapcsolat-urlap-doboz { background: #fff; border: 1px solid var(--us-line); border-radius: 18px; padding: clamp(18px, 3vw, 30px); box-shadow: var(--us-shadow-sm); min-width: 0; } .rhw-kapcsolat-urlap-doboz .wpforms-container { margin: 0 !important; } .rhw-kapcsolat-urlap-doboz .wpforms-field { padding: 0 0 14px !important; } .rhw-kapcsolat-urlap-doboz .wpforms-field-label { font-size: 14px !important; font-weight: 600 !important; color: var(--us-ink-2) !important; } .rhw-kapcsolat-urlap-doboz input[type="text"], .rhw-kapcsolat-urlap-doboz input[type="email"], .rhw-kapcsolat-urlap-doboz textarea { width: 100% !important; max-width: none !important; border-radius: 12px !important; border: 1px solid #d8deea !important; font-size: 16px !important; padding: 10px 14px !important; } .rhw-kapcsolat-urlap-doboz input[type="text"], .rhw-kapcsolat-urlap-doboz input[type="email"] { height: 50px !important; } .rhw-kapcsolat-urlap-doboz textarea { min-height: 150px !important; } .rhw-kapcsolat-urlap-doboz .wpforms-field-gdpr-checkbox label { font-size: 14px !important; line-height: 1.5 !important; } .rhw-kapcsolat-urlap-doboz button.wpforms-submit { width: 100%; height: 52px !important; border-radius: 12px !important; font-size: 16px !important; font-weight: 700 !important; border: 0 !important; background: linear-gradient(135deg, var(--us-accent), #4f46e5) !important; color: #fff !important; box-shadow: 0 14px 28px -12px rgba(37, 99, 235, .8); } @media (max-width: 760px) { .rhw-kapcsolat { grid-template-columns: minmax(0, 1fr); } } .rhw-kapcsolat-adatok strong + br { display: none; } .rhw-kapcsolat-urlap-doboz input[type="tel"] { width: 100% !important; max-width: none !important; height: 50px !important; border-radius: 12px !important; border: 1px solid #d8deea !important; font-size: 16px !important; padding: 10px 14px !important; } .rhw-kapcsolat-urlap-doboz .gform_wrapper .gform_fields { row-gap: 16px !important; } .rhw-kapcsolat-urlap-doboz .gform_wrapper .gfield_label { font-size: 14px !important; font-weight: 600 !important; color: var(--us-ink-2) !important; } .rhw-kapcsolat-urlap-doboz .gform_wrapper .gfield_consent_label { font-size: 14px !important; line-height: 1.5 !important; } .rhw-kapcsolat-urlap-doboz .gform_wrapper .gform_footer { flex-direction: column; align-items: stretch !important; gap: 14px; } .rhw-kapcsolat-urlap-doboz .gform_wrapper .gform_button { width: 100% !important; height: 52px !important; border-radius: 12px !important; font-size: 16px !important; font-weight: 700 !important; border: 0 !important; background: linear-gradient(135deg, var(--us-accent), #4f46e5) !important; color: #fff !important; box-shadow: 0 14px 28px -12px rgba(37, 99, 235, .8); }