/* ==========================================================================
Festék-Center – bolt: kategóriaoldal és termékoldal
(a main.css változóit és elemeit – gombok, kártyák, termékkártya – használja)
Tartalom:
1. Közös: morzsamenü, fejléckártya, minta-címke
2. Kategóriaoldal: alkategóriák, szűrők, eszköztár, lapozó, segítség-sáv
3. Termékoldal (lásd lent)
4. Mobil és tablet
========================================================================== */
/* 1. KÖZÖS ================================================================= */
.kpage{gap:36px; padding-top:26px;}
.crumbs{display:flex; align-items:center; gap:16px; flex-wrap:wrap;}
.back{
display:inline-flex; align-items:center; gap:6px; padding:9px 16px 9px 12px; border-radius:10px;
background:rgba(115,103,240,.09); color:var(--purple-700); font-weight:700; font-size:.9rem; text-decoration:none;
transition:background-color .2s ease;
}
.back:hover{background:rgba(115,103,240,.16);}
.back svg{width:16px; height:16px;}
.crumbs .path{display:flex; flex-wrap:wrap; align-items:center; gap:4px 0; margin:0; padding:0; list-style:none; font-family:var(--font-body); font-size:.92rem; color:#6B7280;}
.crumbs .path li + li::before{content:'/'; margin:0 8px; color:#B4BAC4;}
.crumbs .path a{color:#6B7280; text-decoration:none;}
.crumbs .path a:hover{color:var(--purple-700); text-decoration:underline;}
.crumbs .path b{font-weight:500; color:var(--ink);}
/* kategória-fejléckártya */
.khead.section{border:0; border-radius:0; background:transparent; overflow:visible;} /* a kategória címe keret nélkül, a pigment mögötte lobban */
.khead .fx-inner{padding:10px clamp(20px,4vw,52px) 6px;} /* a szöveg beljebb, mint a kártyák tartalma */
/* keret nélkül a pigment széle ne legyen éles: a vászon túlnyúlik, a széleken elhalványul */
.khead .fx-canvas{top:-90px; bottom:-30px; height:calc(100% + 120px);
-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%),linear-gradient(180deg,transparent 0,#000 22%,#000 80%,transparent 100%);
-webkit-mask-composite:source-in; mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%),linear-gradient(180deg,transparent 0,#000 22%,#000 80%,transparent 100%); mask-composite:intersect;}
.khead h1{margin:0 0 10px; font-weight:800; font-size:clamp(1.8rem, 2.6vw, 2.3rem); line-height:1.15; color:var(--heading-purple); text-wrap:balance;}
/* a kategória címe akkora, mint a főoldali blokkcímek */
@media (min-width:1500px){ .khead h1{font-size:2.7rem;} }
@media (max-width:760px){ .khead h1{font-size:1.6rem;} }
.khead h1 .hl{background:var(--grad-hero); -webkit-background-clip:text; background-clip:text; color:transparent;}
.khead .kdesc{max-width:62ch; font-family:var(--font-body); color:var(--body-text); font-size:1.08rem; line-height:1.65;}
.khead .kdesc p{margin:0 0 8px;}
.khead .count{display:inline-block; margin-top:14px; font-family:var(--font-body); font-size:.9rem; font-weight:500; color:var(--purple-700); background:#EDEBFE; padding:5px 12px; border-radius:8px;}
/* mintatermék-jelölés: mindig látszik, hogy ne keveredjen a valódiakkal */
.minta{
position:absolute; right:10px; bottom:10px; z-index:2;
font-size:.66rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase;
padding:4px 8px; border-radius:6px; background:#FFF4D6; color:#8A5A00; border:1px dashed #E0B44A;
}
/* 2. KATEGÓRIAOLDAL ======================================================== */
/* alkategóriák */
.subs-h{margin:0 0 16px; font-size:1.25rem; font-weight:800; color:var(--heading-purple);}
.sgrid{display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:18px; margin:0; padding:0; list-style:none;}
.sgrid .sub{position:relative; border-radius:16px; background:#fff; box-shadow:0 14px 28px -22px rgba(58,45,140,.35); transition:transform .25s ease, box-shadow .25s ease;}
.sgrid .sub::after{
content:''; position:absolute; inset:0; border-radius:inherit; padding:1px; pointer-events:none; background:var(--grad-border);
-webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor;
mask:linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
}
.sgrid .sub > a{display:flex; flex-direction:column; height:100%; border-radius:inherit; overflow:hidden; color:var(--ink); text-decoration:none;}
.sgrid .sub .simg{
aspect-ratio:16/10; display:flex; align-items:center; justify-content:center; overflow:hidden; /* a kártya képrésze */
background:radial-gradient(80% 90% at 65% 30%, color-mix(in srgb, var(--t) 20%, #FFFFFF) 0%, color-mix(in srgb, var(--t) 8%, #FFFFFF) 65%, #FAFAFC 100%);
}
.sgrid .sub .simg img{width:100%; height:100%; object-fit:cover; object-position:58% 30%; transition:transform .45s ease;}
.sgrid .sub .simg svg{width:26%; height:auto; color:var(--t); opacity:.45;}
.sgrid .sub .sn{padding:13px 12px 14px 14px; font-weight:800; font-size:.92rem; line-height:1.3; display:flex; align-items:center; justify-content:space-between; gap:8px; flex:1;}
.sgrid .sub .sn > span:first-child{min-width:0; hyphens:manual; overflow-wrap:break-word;}
.sgrid .sub .sgo{position:relative; overflow:hidden; isolation:isolate; flex-shrink:0; width:30px; height:30px; border-radius:8px; display:flex; align-items:center; justify-content:center; background:color-mix(in srgb, var(--t) 14%, #FFFFFF); color:var(--t); transition:color .25s ease;}
.sgrid .sub .sgo::before{content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(135deg,var(--purple-500),var(--purple-700)); opacity:0; transition:opacity .25s ease;}
.sgrid .sub .sgo svg{width:15px; height:15px; transition:transform .25s ease;}
.sgrid .sub:hover{transform:translateY(-3px); box-shadow:0 22px 36px -22px rgba(58,45,140,.45);}
.sgrid .sub:hover .sgo{color:#fff;} .sub:hover .sgo::before{opacity:1;} .sub:hover .sgo svg{transform:translateX(2px);}
.sgrid .sub:hover .simg img{transform:scale(1.05);}
.sgrid .sub:has(a:focus-visible){outline:3px solid var(--purple-500); outline-offset:3px;}
.sgrid .sub a:focus-visible{outline:none;}
.sgrid .sub.all{background:linear-gradient(145deg,var(--purple-500),var(--purple-700)); transition:transform .25s ease, box-shadow .25s ease, background .3s ease;}
.sgrid .sub.all::after{display:none;}
.sgrid .sub.all > a{justify-content:center; align-items:flex-start; gap:6px; padding:14px 16px; color:#fff;}
.sgrid .sub.all .t{font-weight:800; font-size:1.05rem; line-height:1.3;}
.sgrid .sub.all .n{font-family:var(--font-body); font-size:.9rem; opacity:.85;}
.sgrid .sub.all .go{margin-top:2px; width:34px; height:34px; border-radius:10px; background:rgba(255,255,255,.18); display:flex; align-items:center; justify-content:center;}
.sgrid .sub.all .go svg{width:20px; height:20px;}
.sgrid .sub.all:hover{background:linear-gradient(145deg,#9B34D8,#C41262);}
/* lista: szűrők + találatok */
.listing{display:grid; grid-template-columns:270px minmax(0,1fr); gap:32px; align-items:start; scroll-margin-top:calc(var(--hdr-h) + 20px);}
.filters{position:relative; border-radius:20px; padding:24px 22px; background:#fff; box-shadow:0 16px 32px -26px rgba(58,45,140,.35);}
.filters::after{
content:''; position:absolute; inset:0; border-radius:inherit; padding:1px; pointer-events:none; background:var(--grad-border);
-webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor;
mask:linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
}
.fhead{display:flex; align-items:center; justify-content:space-between; margin-bottom:14px;}
.fhead h2{margin:0; font-size:1.1rem; font-weight:800; color:var(--heading-purple);}
.fclose{display:none;}
.fg{padding:16px 0; border-top:1px solid #EFEDF7; margin:0;}
.fhead + .fg{border-top:none; padding-top:0;}
.fg h3{margin:0 0 10px; font-size:.92rem; font-weight:800; color:var(--ink);}
.fg ul{margin:0; padding:0; list-style:none;}
.f-check a, .f-swatch a{display:flex; align-items:center; gap:10px; padding:5px 0; font-family:var(--font-body); font-size:.94rem; color:#3F4753; text-decoration:none;}
.f-check a:hover, .f-swatch a:hover{color:var(--purple-700);}
.f-check i{width:18px; height:18px; border-radius:5px; border:1.5px solid #C9CED6; flex-shrink:0; display:flex; align-items:center; justify-content:center; transition:background-color .15s, border-color .15s;}
.f-check a.on i{background:var(--purple-500); border-color:var(--purple-500);}
.f-check a.on i::after{content:''; width:5px; height:9px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg) translate(-1px,-1px);}
.f-check small, .f-swatch small{margin-left:auto; color:var(--muted-text); font-size:.82rem;}
.f-swatch .sw{width:20px; height:20px; border-radius:50%; flex-shrink:0; background:var(--sw,#fff); box-shadow:inset 0 0 0 1px rgba(31,36,48,.18);}
.f-swatch a.on .sw{box-shadow:inset 0 0 0 1px rgba(31,36,48,.18), 0 0 0 2px #fff, 0 0 0 4px var(--purple-500);}
.f-swatch a.on span{color:var(--purple-700); font-weight:500;}
.sw.clear{background:repeating-conic-gradient(#E6E8EC 0 25%, #fff 0 50%) 50% / 8px 8px;}
.f-chips{display:flex; flex-wrap:wrap; gap:8px;}
.f-chips a{display:inline-block; font-family:var(--font-body); font-size:.86rem; padding:6px 12px; border-radius:8px; border:1px solid #DAD6F2; color:#3F4753; background:#fff; text-decoration:none; transition:border-color .15s, background-color .15s;}
.f-chips a:hover{border-color:var(--purple-500);}
.f-chips a.on{background:#EDEBFE; border-color:var(--purple-500); color:var(--purple-700); font-weight:500;}
/* árcsúszka: két egymásra tett csúszka */
.range{position:relative; height:24px; margin:5px 2px 9px;}
.range::before{content:''; position:absolute; left:0; right:0; top:9px; height:6px; border-radius:3px; background:#ECEAF7;}
.range b{position:absolute; top:9px; height:6px; left:var(--lo); right:calc(100% - var(--hi)); border-radius:3px; background:linear-gradient(90deg,var(--purple-500),#AD41E8);}
.range input{position:absolute; inset:0; width:100%; margin:0; background:none; pointer-events:none; -webkit-appearance:none; appearance:none;}
.range input::-webkit-slider-thumb{-webkit-appearance:none; pointer-events:auto; width:20px; height:20px; border-radius:50%; background:#fff; border:2px solid var(--purple-500); box-shadow:0 3px 8px -3px rgba(58,45,140,.5); cursor:grab;}
.range input::-moz-range-thumb{pointer-events:auto; width:16px; height:16px; border-radius:50%; background:#fff; border:2px solid var(--purple-500); box-shadow:0 3px 8px -3px rgba(58,45,140,.5); cursor:grab;}
.range input::-webkit-slider-runnable-track{background:none;}
.range input::-moz-range-track{background:none;}
.rv{display:flex; align-items:center; justify-content:space-between; gap:6px; font-family:var(--font-body); font-size:.85rem; color:var(--body-text);}
.rv label{display:flex; align-items:center; gap:4px;}
.rv input{width:84px; padding:6px 8px; border-radius:8px; border:1px solid #DAD6F2; font:inherit; color:var(--ink); background:#fff; -moz-appearance:textfield;}
.rv input::-webkit-inner-spin-button{display:none;}
.fprice .cta{margin-top:12px; padding:9px 16px; font-size:.88rem; width:100%; justify-content:center;}
.fprice.dirty .cta{background:linear-gradient(135deg,var(--purple-500),var(--purple-700)); color:#fff; box-shadow:0 10px 22px -12px rgba(91,75,214,.7); animation:fcNudge .5s ease;} /* az ár változott: most kell rákattintani */
@keyframes fcNudge{0%{transform:scale(1)}40%{transform:scale(1.04)}100%{transform:scale(1)}}
.clear{display:inline-block; margin-top:14px; font-family:var(--font-body); font-size:.92rem; color:var(--purple-700); text-decoration:underline; text-underline-offset:3px;}
.fnone{margin:0; font-family:var(--font-body); font-size:.92rem; color:var(--muted-text);}
/* eszköztár: találatszám, rendezés */
.toolbar{display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; flex-wrap:wrap;}
.toolbar .res{margin:0; font-family:var(--font-body); color:var(--body-text);}
.toolbar .res b{color:var(--ink);}
.woocommerce-ordering{margin:0;}
.woocommerce-ordering select{
appearance:none; -webkit-appearance:none; padding:10px 38px 10px 14px; border-radius:10px; border:1px solid #DAD6F2; background:#fff;
font-family:var(--font-body); font-size:.94rem; color:var(--ink); cursor:pointer;
background-image:linear-gradient(45deg, transparent 50%, var(--purple-700) 50%), linear-gradient(135deg, var(--purple-700) 50%, transparent 50%);
background-position:calc(100% - 18px) 52%, calc(100% - 13px) 52%; background-size:5px 5px; background-repeat:no-repeat;
}
.woocommerce-ordering select:hover{border-color:var(--purple-500);}
.mfilter{display:none;}
.active{display:flex; flex-wrap:wrap; gap:8px; margin:0 0 20px; padding:0; list-style:none;}
.active a{display:inline-flex; align-items:center; gap:8px; font-family:var(--font-body); font-size:.86rem; padding:6px 10px 6px 12px; border-radius:8px; background:#EDEBFE; color:var(--purple-700); font-weight:500; text-decoration:none;}
.active a::after{content:'×'; font-size:1.05rem; line-height:1; opacity:.7;}
.active a:hover{background:#E0DCFD;}
.active .clear-all a{background:transparent; text-decoration:underline; text-underline-offset:3px; font-weight:400;}
.active .clear-all a::after{display:none;}
.results .prods{grid-template-columns:repeat(3,minmax(0,1fr));}
.empty{padding:40px 32px; border-radius:20px; background:#fff; border:1px dashed #DAD6F2; text-align:center; font-family:var(--font-body); color:var(--body-text);}
.empty p{margin:0 0 10px;}
.empty b{color:var(--ink); font-size:1.1rem;}
.empty .cta{margin:10px 6px 0;}
.empty-cats{list-style:none; margin:14px 0 18px; padding:0; display:flex; flex-wrap:wrap; justify-content:center; gap:8px;}
.empty-cats a{display:inline-flex; align-items:center; min-height:40px; padding:8px 16px; border-radius:999px; background:var(--ghost-bg); color:var(--purple-700); font-weight:600; text-decoration:none;}
.empty-cats a:hover{background:rgba(115,103,240,.16);}
/* lapozó */
.pager{margin-top:34px;}
.pager ul{display:flex; justify-content:center; flex-wrap:wrap; gap:8px; margin:0; padding:0; list-style:none;}
.pager .page-numbers{min-width:42px; height:42px; padding:0 10px; border-radius:10px; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:.95rem; background:#fff; border:1px solid #E4E1F3; color:#3F4753; text-decoration:none;}
.pager a.page-numbers:hover{border-color:var(--purple-500); color:var(--purple-700);}
.pager .page-numbers.current{background:linear-gradient(135deg,var(--purple-500),var(--purple-700)); color:#fff; border-color:transparent;}
.pager .page-numbers.dots{background:transparent; border:none;}
/* segítség-sáv */
.helpc .fx-inner{display:flex; align-items:center; justify-content:space-between; gap:30px; padding:34px clamp(20px,4vw,52px);}
.helpc h2{margin:0 0 6px; font-size:1.45rem;}
.helpc p{margin:0;}
.helpc .cta{flex-shrink:0;}
/* WooCommerce értesítések (pl. „a kosárba került”) */
.woocommerce-notices-wrapper:empty{display:none;}
.woocommerce-notices-wrapper:focus, .woocommerce-message:focus, .woocommerce-error:focus, .woocommerce-info:focus{outline:none;}
.woocommerce-message, .woocommerce-info, .woocommerce-error{
list-style:none; margin:0; padding:16px 20px; border-radius:14px; display:flex; align-items:center; gap:14px; flex-wrap:wrap;
font-family:var(--font-body); background:#EFF9F3; border:1px solid #BFE5CF; color:#1E5C3B;
}
.woocommerce-info{background:#EEF4FD; border-color:#C7DAF6; color:#1D4A8A;}
.woocommerce-error{background:#FDF0F4; border-color:#F2C4D3; color:#8E1240; flex-direction:column; align-items:flex-start;}
.woocommerce-message .button, .woocommerce-info .button{order:2; margin-left:auto; padding:9px 16px; border-radius:10px; background:var(--purple-500); color:#fff; font-family:var(--font-head); font-weight:800; font-size:.9rem; text-decoration:none;}
.woocommerce-message .button:hover{background:var(--purple-700);}
/* 3. TERMÉKOLDAL =========================================================== */
.ppage{gap:36px; padding-top:26px;}
.pmain .fx-inner{padding:clamp(20px,3vw,36px);}
.pgrid{display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:clamp(28px,4vw,56px); align-items:start;}
/* képek */
.pgal{position:sticky; top:calc(var(--wp-admin--admin-bar--height,0px) + var(--hdr-h) + 20px);}
.pgal-main{
position:relative; aspect-ratio:1/1; border-radius:22px; overflow:hidden; display:flex; align-items:center; justify-content:center;
background:radial-gradient(75% 70% at 50% 38%, color-mix(in srgb, var(--t) 13%, #FFFFFF) 0%, color-mix(in srgb, var(--t) 6%, #FFFFFF) 70%, #FAFAFC 100%);
border:1px solid #EEEAF9; transition:background .35s ease;
}
.pgal-main img{width:100%; height:100%; object-fit:contain;}
.pgal-main:has(> img){background:#fff;} /* valódi termékfotónál fehér háttér */
.pgal-main svg.can{width:58%; height:auto;}
.pgal-main svg.can path, .pgal-main svg.can ellipse{transition:fill .35s ease;}
.pgal-main .badge{position:absolute; left:14px; top:14px; font-size:.78rem; font-weight:800; padding:6px 10px; border-radius:8px; background:#EDEBFE; color:var(--purple-700);}
.pgal-main .badge.sale{background:#C41262; color:#fff;}
.pgal-main .minta{right:14px; bottom:14px;}
.pzoom{position:absolute; right:14px; top:14px; background:#fff; box-shadow:0 6px 16px -8px rgba(58,45,140,.4);}
.pzoom svg{width:22px; height:22px;}
.pthumbs{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:14px 0 0; padding:0; list-style:none;}
.pthumbs button{display:block; width:100%; aspect-ratio:1/1; padding:0; border-radius:14px; overflow:hidden; border:1.5px solid #E6E2F6; background:#fff; cursor:pointer; transition:border-color .2s;}
.pthumbs button:hover{border-color:#B9B0F2;}
.pthumbs button.on{border:2px solid var(--purple-500);}
.pthumbs img{width:100%; height:100%; object-fit:contain; background:#fff;}
.plight{max-width:min(92vw, 1100px); max-height:92vh; padding:0; border:0; border-radius:18px; background:#fff; overflow:hidden;}
.plight::backdrop{background:rgba(31,36,48,.7);}
.plight img{display:block; max-width:100%; max-height:92vh; object-fit:contain;}
.plight form{position:absolute; right:10px; top:10px;}
.plight .icon-btn{background:#fff;}
/* adatok */
.pinfo{min-width:0;}
.pinfo .pcat{margin:0 0 6px; font-size:.78rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--muted-text);}
.ptitle{margin:0 0 10px; font-size:clamp(1.6rem, 2.6vw, 2.2rem); line-height:1.15; color:var(--ink); text-wrap:balance;}
.plead{font-family:var(--font-body); font-size:1.08rem; line-height:1.6; color:var(--body-text);}
.plead p{margin:0 0 8px;}
/* a termékoldal felsorolásai (rövid leírás és a Leírás/Felhasználás fül): festékpöttyös, tagolt lista */
.pinfo .plead ul, .ptabs .entry ul{list-style:none; margin:14px 0 4px; padding:0; display:grid; gap:9px;}
.pinfo .plead li, .ptabs .entry li{position:relative; padding-left:30px; line-height:1.45;}
.pinfo .plead li::before, .ptabs .entry li::before{content:""; position:absolute; left:4px; top:.42em; width:12px; height:11px; background:var(--dot,#7367F0); border-radius:62% 38% 55% 45% / 48% 60% 40% 52%; transform:rotate(var(--rot,-12deg)); box-shadow:10px -4px 0 -4px var(--dot,#7367F0), 11px 5px 0 -4.5px var(--dot,#7367F0), -3px 8px 0 -4.5px var(--dot,#7367F0);} /* kis festékpötty, apró fröccsenéssel */
.pinfo .plead li:nth-child(5n+1), .ptabs .entry li:nth-child(5n+1){--dot:#5949e4; --rot:-12deg;} /* a hero festékesvödreinek színei: lila, sárga, türkiz, bíbor, kék */
.pinfo .plead li:nth-child(5n+2), .ptabs .entry li:nth-child(5n+2){--dot:#e9be10; --rot:28deg;}
.pinfo .plead li:nth-child(5n+3), .ptabs .entry li:nth-child(5n+3){--dot:#3bd1d5; --rot:-40deg;}
.pinfo .plead li:nth-child(5n+4), .ptabs .entry li:nth-child(5n+4){--dot:#d1118b; --rot:65deg;}
.pinfo .plead li:nth-child(5n+5), .ptabs .entry li:nth-child(5n+5){--dot:#185dcd; --rot:10deg;}
.pinfo .plead section{margin:0;}
.prating{display:flex; align-items:center; flex-wrap:wrap; gap:6px 12px; margin:6px 0 0; font-family:var(--font-body); font-size:.95rem; color:var(--body-text);}
.prating a{color:var(--purple-700); text-underline-offset:3px;}
.stars{
--r:0; font-size:1rem; letter-spacing:2px; line-height:1;
background:linear-gradient(90deg, #F5A524 calc(var(--r) / 5 * 100%), #D9DCE2 0); -webkit-background-clip:text; background-clip:text; color:transparent;
}
.pprice{margin:22px 0 4px;}
.pprice .now{font-weight:800; font-size:2.3rem; letter-spacing:-.02em; color:var(--ink); font-variant-numeric:tabular-nums;}
.pprice .now.sale{color:#C41262;}
.pprice .now small{font-size:1rem; margin-left:2px; color:var(--body-text);}
.pprice .per{margin-left:8px; font-family:var(--font-body); font-size:1.1rem; color:var(--body-text);}
.pprice .old{margin-left:10px; font-family:var(--font-body); color:var(--muted-text);}
.pprice .unit{margin:4px 0 0; font-family:var(--font-body); font-size:.95rem; color:#6B7280;}
.popt{margin:22px 0 0; padding:0; border:0; min-width:0;}
.popt legend{display:flex; width:100%; justify-content:space-between; align-items:baseline; gap:10px; padding:0; margin:0 0 12px; font-weight:800; font-size:1.08rem; color:var(--heading-purple);}
.popt .picked{font-family:var(--font-body); font-weight:400; font-size:.94rem; color:var(--body-text);}
.popt .picked b{color:var(--ink); font-weight:500;}
.popt input{position:absolute; opacity:0; width:1px; height:1px; pointer-events:none;}
.sizes{display:grid; grid-template-columns:repeat(auto-fill, minmax(128px, 1fr)); gap:10px;}
.size{
position:relative; display:flex; flex-direction:column; gap:2px; padding:12px 14px; border-radius:12px; border:1.5px solid #E1DDF3; background:#fff; cursor:pointer;
font-family:var(--font-body); font-size:.9rem; color:var(--body-text); transition:border-color .15s, background-color .15s, box-shadow .15s;
}
.size b{font-family:var(--font-head); font-size:1.08rem; font-weight:800; color:var(--ink);}
.size small{font-size:.82rem; color:var(--muted-text);}
.size span.sale{color:#C41262; font-weight:500;}
.size del{display:block; font-size:.8rem; color:var(--muted-text); font-weight:400; white-space:nowrap;}
.size span{white-space:nowrap;}
.size:hover{border-color:#B9B0F2;}
.size:has(input:checked){border:2px solid var(--purple-500); padding:11.5px 13.5px; background:#F7F6FE; box-shadow:0 8px 20px -14px rgba(115,103,240,.7);}
.size:has(input:focus-visible), .swatch:has(input:focus-visible){outline:3px solid var(--purple-500); outline-offset:2px;}
.size.off, .swatch.off{opacity:.4; cursor:not-allowed;}
.swatches{display:flex; flex-wrap:wrap; gap:10px 6px;}
.swatch{position:relative; display:flex; flex-direction:column; align-items:center; gap:6px; width:72px; cursor:pointer; font-family:var(--font-body); font-size:.78rem; color:var(--body-text); text-align:center; line-height:1.2;}
.swatch .sw{width:40px; height:40px; border-radius:50%; background:var(--sw,#fff); box-shadow:inset 0 0 0 1px rgba(31,36,48,.16); transition:box-shadow .15s, transform .15s;}
.swatch:hover .sw{transform:scale(1.06);}
.swatch:has(input:checked) .sw{box-shadow:inset 0 0 0 1px rgba(31,36,48,.16), 0 0 0 3px #fff, 0 0 0 5px var(--purple-500);}
.swatch:has(input:checked) span{color:var(--purple-700); font-weight:500;}
.pnote{display:flex; gap:14px; align-items:flex-start; margin:18px 0 0; padding:16px 20px; border-radius:14px; font-family:var(--font-body); font-size:.94rem; line-height:1.6;}
.pnote svg{width:20px; height:20px; flex-shrink:0; margin-top:2px;}
.pnote b{display:block; margin-bottom:4px; font-weight:700; color:var(--ink);} /* a cím külön sorban, alatta a magyarázat */
.popt + .pnote.warn{margin-top:28px;} /* a színválasztótól több hely */
.pnote.warn{background:#FFF8E6; border:1px solid #F3DC9B; color:#6B5314;}
.pnote.warn svg{color:#C88A00;}
.pnote.mix{background:#F4F2FE; border:1px solid #E1DCFB; color:var(--body-text);}
.pnote.mix svg{color:var(--purple-500);}
.pnote a{color:var(--purple-700); text-underline-offset:3px; white-space:nowrap;}
/* kosárba tétel: a WooCommerce űrlapja, a mi kinézetünkkel */
.pbuy{margin-top:22px;}
.pbuy table.variations, .pbuy .reset_variations, .pbuy .woocommerce-variation, .pbuy .stock, .pbuy .single_variation{display:none !important;}
.pbuy form.cart, .pbuy .variations_button{display:flex; align-items:stretch; gap:12px; flex-wrap:wrap;}
.pbuy form.variations_form{display:block;}
.quantity{display:inline-flex; align-items:stretch; border:1.5px solid #E1DDF3; border-radius:12px; background:#fff; overflow:hidden;}
.quantity input.qty{width:52px; border:0; text-align:center; font-family:var(--font-head); font-weight:700; font-size:1.05rem; color:var(--ink); background:transparent; -moz-appearance:textfield;}
.quantity input.qty::-webkit-inner-spin-button, .quantity input.qty::-webkit-outer-spin-button{-webkit-appearance:none; margin:0;}
.qty-btn{width:44px; border:0; background:transparent; font-size:1.3rem; line-height:1; color:var(--purple-700); cursor:pointer;}
.qty-btn:hover{background:#F4F2FE;}
.single_add_to_cart_button{
flex:1; min-height:54px; display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:14px 26px; border:0; border-radius:12px; cursor:pointer;
font-family:var(--font-head); font-weight:800; font-size:1.08rem; color:#fff;
background:linear-gradient(135deg, var(--purple-500), var(--purple-700)); box-shadow:0 12px 26px -12px rgba(115,103,240,.7);
transition:background .25s ease, transform .2s ease, box-shadow .25s ease;
}
.single_add_to_cart_button:hover{background:linear-gradient(135deg,#9B34D8,#C41262); transform:translateY(-1px); box-shadow:0 14px 28px -12px rgba(196,18,98,.55);}
.single_add_to_cart_button.disabled, .single_add_to_cart_button:disabled{opacity:.5; cursor:not-allowed; transform:none;}
.single_add_to_cart_button.loading{opacity:.7;}
.pfacts{margin:18px 0 0; padding:0; list-style:none; display:grid; gap:8px; font-family:var(--font-body); font-size:.96rem; color:#3F4753;}
.pfacts li{display:flex; align-items:center; gap:10px;}
.pfacts svg{width:19px; height:19px; color:var(--purple-500); flex-shrink:0;}
.pfacts .stock::before{content:''; width:9px; height:9px; margin:0 5px; border-radius:50%; background:#2F9E63; flex-shrink:0;}
.pfacts .stock{color:#2F7D52; font-weight:500;}
.pfacts .free span{font-weight:700; color:var(--purple-700);}
.pfacts .stock.back{color:#9A6A00;} .pfacts .stock.back::before{background:#D4A500;}
.pfacts .stock.out{color:#8A94A3;} .pfacts .stock.out::before{background:#A0A8B4;}
/* festékkalkulátor */
.pcalc{position:relative; margin-top:24px; padding:20px; border-radius:16px; background:#fff; box-shadow:0 14px 30px -24px rgba(58,45,140,.4);}
.pcalc::after{
content:''; position:absolute; inset:0; border-radius:inherit; padding:1px; pointer-events:none; background:var(--grad-border);
-webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor;
mask:linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
}
.pcalc h2{margin:0 0 4px; font-size:1.15rem; color:var(--heading-purple);}
.pcalc > p{margin:0 0 14px; font-family:var(--font-body); color:var(--body-text); font-size:.95rem;}
.calc-row{display:grid; grid-template-columns:1fr 1fr; gap:12px;}
.calc-row label{display:flex; flex-direction:column; gap:6px; font-weight:700; font-size:.86rem; color:var(--ink);}
.calc-row input, .calc-row select{padding:11px 12px; border-radius:10px; border:1px solid #DAD6F2; font-family:var(--font-body); font-size:1rem; color:var(--ink); background:#fff;}
.calc-out{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:12px; padding:14px 16px; border-radius:12px; background:#F4F2FE;}
.calc-out p{margin:0; font-family:var(--font-body); font-size:.96rem; line-height:1.5; color:var(--body-text);}
.calc-out b{color:var(--purple-700);}
.calc-out .cta{flex-shrink:0; padding:10px 16px; font-size:.9rem;}
.calc-note{margin:10px 0 0; font-family:var(--font-body); font-size:.82rem; color:var(--muted-text);}
.pask{margin:18px 0 0; font-family:var(--font-body); color:var(--body-text);}
.ptrust{margin:20px 0 0; padding:16px 0 0; list-style:none; display:grid; gap:10px; border-top:1px solid #ECE9F7; font-family:var(--font-body); font-size:.92rem; line-height:1.45; color:var(--body-text);}
.ptrust li{display:flex; align-items:flex-start; gap:10px;}
.ptrust .ti{width:28px; height:28px; border-radius:9px; flex-shrink:0; display:flex; align-items:center; justify-content:center; background:#F0EEFD; color:var(--purple-500);}
.ptrust .ti svg{width:16px; height:16px;}
.ptrust li > span:last-child{padding-top:4px;}
.ptrust a{color:var(--purple-700); font-weight:700; text-underline-offset:3px;}
.pask a{color:var(--purple-700); text-underline-offset:3px;}
/* fülek */
.ptabs .fx-inner{padding:28px clamp(20px,3vw,40px) 36px;}
.tablist{display:flex; gap:28px; border-bottom:1px solid #ECE9F6; margin-bottom:26px; overflow-x:auto; scrollbar-width:none;}
.tablist::-webkit-scrollbar{display:none;}
.tablist button{position:relative; flex-shrink:0; padding:10px 0 14px; border:0; background:none; cursor:pointer; font-family:var(--font-head); font-weight:700; font-size:1.02rem; color:#7A8494;}
.tablist button small{font-family:var(--font-body); font-weight:400; font-size:.85rem;}
.tablist button:hover{color:var(--ink);}
.tablist button[aria-selected="true"]{color:var(--ink);}
.tablist button[aria-selected="true"]::after{content:''; position:absolute; left:0; right:0; bottom:-1px; height:3px; border-radius:3px; background:var(--grad-hero);}
.tabp h2{margin:0 0 12px; font-size:1.2rem; color:var(--heading-purple);}
.tab-split{display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:clamp(24px,4vw,56px);}
.tab-split.single{grid-template-columns:1fr;}
.entry{font-family:var(--font-body); font-size:1.02rem; line-height:1.7; color:var(--body-text);}
.entry p{margin:0 0 12px;} .entry ul, .entry ol{padding-left:1.2em;}
.specs{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:0;}
.specs div{padding:12px 14px; border-radius:12px; background:#F7F6FC; border:1px solid #EEEBF8;}
.specs dt{font-family:var(--font-body); font-size:.84rem; color:#6B7280;}
.specs dd{margin:2px 0 0; font-weight:800; color:var(--ink);}
.params{width:100%; max-width:760px; border-collapse:collapse; font-family:var(--font-body);}
.params th, .params td{padding:11px 14px; text-align:left; border-bottom:1px solid #EFEDF7; vertical-align:top;}
.params th{width:38%; font-weight:500; color:#6B7280;}
.params td{color:var(--ink);}
.params tr:nth-child(odd){background:#FBFAFE;}
.docs{margin:0; padding:0; list-style:none; display:grid; gap:10px; max-width:560px;}
.docs a{display:flex; align-items:center; gap:12px; padding:12px 16px; border-radius:12px; border:1px solid #E6E2F6; background:#fff; color:var(--ink); text-decoration:none; font-weight:700;}
.docs a:hover{border-color:var(--purple-500); color:var(--purple-700);}
.docs svg{width:22px; height:22px; color:var(--purple-500);}
/* vélemények (a WooCommerce űrlapja) */
#reviews{font-family:var(--font-body); color:var(--body-text);}
#reviews .woocommerce-Reviews-title, #reviews #reply-title{font-family:var(--font-head); font-size:1.15rem; font-weight:800; color:var(--heading-purple); margin:0 0 12px; display:block;}
#reviews .commentlist{margin:0 0 24px; padding:0; list-style:none; display:grid; gap:14px;}
#reviews .commentlist li .comment_container{display:flex; gap:14px; padding:16px; border-radius:14px; background:#F7F6FC;}
#reviews .commentlist img.avatar{width:44px; height:44px; border-radius:50%;}
#reviews .star-rating{display:none;}
#reviews p.stars a{font-size:0; display:inline-block; width:26px; height:26px; margin-right:2px; background:no-repeat center/22px url('data:image/svg+xml;utf8,');}
#reviews p.stars:hover a, #reviews p.stars.selected a{background-image:url('data:image/svg+xml;utf8,');}
#reviews p.stars a:hover ~ a, #reviews p.stars.selected a.active ~ a{background-image:url('data:image/svg+xml;utf8,');}
#reviews textarea, #reviews input[type="text"], #reviews input[type="email"]{width:100%; max-width:620px; padding:12px 14px; border-radius:10px; border:1px solid #DAD6F2; font:inherit; color:var(--ink);}
#reviews label{display:block; margin:12px 0 6px; font-weight:500; color:var(--ink);}
#reviews .form-submit input[type="submit"]{margin-top:12px; padding:12px 24px; border:0; border-radius:10px; background:linear-gradient(135deg,var(--purple-500),var(--purple-700)); color:#fff; font-family:var(--font-head); font-weight:800; cursor:pointer;}
#reviews .woocommerce-noreviews, #reviews .woocommerce-verification-required{margin:0 0 12px;}
/* 4. MOBIL ÉS TABLET ======================================================= */
@media (max-width:1280px){
.sgrid{grid-template-columns:repeat(4,minmax(0,1fr));}
}
/* fiók: belépés, regisztráció, Fiókom */
.accgrid{display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:start;}
.accgrid.single, .accnarrow{max-width:560px;}
.acccard{padding:28px 30px 30px;}
.kn svg{width:17px; height:17px;}
.accsub{margin:-6px 0 18px; font-family:var(--font-body); color:var(--body-text); line-height:1.5;}
.accsub a, .accnote a, .acclost{color:var(--purple-700); font-weight:700;}
.woocommerce-account .form-row{margin:0 0 14px; padding:0; display:flex; flex-direction:column; gap:6px;}
.woocommerce-account .required{color:#C41262;}
.woocommerce-account input[type="checkbox"]{width:20px; height:20px; accent-color:var(--purple-500); flex-shrink:0; margin:0;}
.woocommerce-account .password-input{position:relative; display:block;}
.woocommerce-account .show-password-input{position:absolute; right:8px; top:50%; transform:translateY(-50%); width:34px; height:34px; border:0; border-radius:9px; background:transparent; cursor:pointer; color:var(--muted-text);}
.woocommerce-account .show-password-input::before{content:''; display:block; width:20px; height:20px; margin:auto; 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='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%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='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/contain no-repeat;}
.woocommerce-account .show-password-input.display-password{color:var(--purple-500);}
.woocommerce-account .show-password-input:hover{background:#F0EEFD;}
.woocommerce-account .password-input .input-text{padding-right:48px;}
.accrow{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin:2px 0 18px; font-family:var(--font-body); font-size:.92rem;}
.accrow label{display:flex; align-items:center; gap:10px; cursor:pointer; color:var(--body-text);}
.acccard .cta{width:100%; justify-content:center;}
.accnote{margin:14px 0 0; font-family:var(--font-body); font-size:.86rem; color:var(--muted-text); text-align:center;}
.accperks{margin:-4px 0 20px; padding:14px 16px; list-style:none; display:grid; gap:10px; border-radius:14px; background:#F7F6FC; font-family:var(--font-body); font-size:.93rem; color:var(--body-text);}
.accperks li{display:flex; align-items:center; gap:10px;}
.accperks svg{width:19px; height:19px; color:var(--purple-500); flex-shrink:0;}
.woocommerce-password-strength{margin-top:6px; padding:6px 10px; border-radius:8px; font-family:var(--font-body); font-size:.82rem; background:#F7F6FC;}
.woocommerce-password-strength.short, .woocommerce-password-strength.bad{background:#FDECF2; color:#9E1449;}
.woocommerce-password-strength.good{background:#FFF6DD; color:#7A5A00;}
.woocommerce-password-strength.strong{background:#E8F6EE; color:#2F7D52;}
.woocommerce-password-hint{display:block; margin-top:4px; font-family:var(--font-body); font-size:.8rem; color:var(--muted-text);}
.accwrap{display:grid; grid-template-columns:250px minmax(0,1fr); gap:24px; align-items:start;}
.accnav{position:sticky; top:calc(var(--wp-admin--admin-bar--height,0px) + var(--hdr-h) + 20px); padding:10px; border-radius:20px; background:#fff; box-shadow:0 18px 36px -28px rgba(58,45,140,.4);}
.accnav ul{margin:0; padding:0; list-style:none; display:grid; gap:2px;}
.accnav a{display:flex; align-items:center; gap:12px; padding:11px 14px; border-radius:12px; color:var(--ink); font-weight:700; text-decoration:none; transition:background-color .15s, color .15s;}
.accnav a:hover{background:#F6F5FD;}
.accnav svg{width:19px; height:19px; color:var(--purple-500);}
.accnav .is-active a{background:#EDEBFE; color:var(--purple-700);}
.accnav .woocommerce-MyAccount-navigation-link--customer-logout{margin-top:6px; padding-top:6px; border-top:1px solid #EFEDF7;}
.accnav .woocommerce-MyAccount-navigation-link--customer-logout a, .accnav .woocommerce-MyAccount-navigation-link--customer-logout svg{color:var(--muted-text); font-weight:500;}
.woocommerce-MyAccount-content{padding:26px 28px 28px; font-family:var(--font-body); color:var(--body-text); min-width:0;}
.woocommerce-MyAccount-content h2, .woocommerce-MyAccount-content h3{font-family:var(--font-head); color:var(--heading-purple);}
.woocommerce-MyAccount-content a:not(.cta):not(.button){color:var(--purple-700); font-weight:700;}
.acchello{margin:0 0 12px; font-size:1.6rem; overflow-wrap:anywhere;}
.acclast{display:grid; grid-template-columns:auto auto 1fr auto auto; align-items:center; gap:10px 16px; margin:0 0 18px; padding:16px 18px; border-radius:14px; border:1.5px solid #E6E2F6; text-decoration:none; color:var(--body-text) !important; font-weight:400 !important; transition:border-color .15s;}
.acclast:hover{border-color:#B9B0F2;}
.al-k{font-size:.84rem; color:var(--muted-text);}
.al-no{font-family:var(--font-head); font-weight:800; color:var(--purple-700);}
.al-t{color:var(--ink);}
.al-s, mark.order-status{justify-self:start; padding:4px 10px; border-radius:999px; background:#F0EEFD; color:var(--purple-700); font-size:.8rem; font-weight:700;}
.al-s.status-completed{background:#E8F6EE; color:#2F7D52;}
.al-s.status-on-hold, .al-s.status-pending{background:#FFF6DD; color:#7A5A00;}
.al-s.status-cancelled, .al-s.status-failed{background:#FDECF2; color:#9E1449;}
.acctiles{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px;}
.acctiles a{display:flex; flex-direction:column; gap:4px; padding:18px; border-radius:14px; background:#F7F6FC; text-decoration:none; font-weight:400 !important; transition:background-color .15s, transform .15s;}
.acctiles a:hover{background:#EFEDFD; transform:translateY(-2px);}
.acctiles svg{width:24px; height:24px; color:var(--purple-500); margin-bottom:6px;}
.acctiles b{color:var(--ink); font-family:var(--font-head);}
.acctiles small{color:var(--muted-text); font-size:.84rem;}
/* rendelések táblázata, címek, adatlap */
.woocommerce-MyAccount-content table{width:100%; border-collapse:collapse; font-size:.93rem;}
.woocommerce-MyAccount-content th{padding:0 10px 10px; text-align:left; font-size:.8rem; font-weight:700; color:var(--muted-text); text-transform:uppercase; letter-spacing:.04em; border-bottom:1px solid #EFEDF7;}
.woocommerce-MyAccount-content td{padding:14px 10px; border-bottom:1px solid #EFEDF7; vertical-align:middle;}
.woocommerce-MyAccount-content td .button, .woocommerce-MyAccount-content .woocommerce-button, .woocommerce-MyAccount-content .button{display:inline-flex; align-items:center; padding:8px 14px; border-radius:10px; border:1.5px solid #DAD6F2; background:#fff; color:var(--purple-700) !important; font-family:var(--font-head); font-weight:700; font-size:.86rem; text-decoration:none; cursor:pointer; transition:border-color .15s, background-color .15s;}
.woocommerce-MyAccount-content .button:hover{border-color:var(--purple-500); background:#F9F8FF;}
.woocommerce-MyAccount-content button[type="submit"].button, .woocommerce-MyAccount-content .woocommerce-Button{padding:13px 22px; border:0; background:linear-gradient(135deg, var(--purple-500), var(--purple-700)); color:#fff !important; font-size:1rem; border-radius:var(--radius-btn);}
.woocommerce-Addresses{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:12px;}
.woocommerce-Address{padding:18px; border-radius:14px; background:#F7F6FC;}
.woocommerce-Address-title{display:flex; justify-content:space-between; align-items:baseline; gap:10px;}
.woocommerce-Address-title h2{margin:0 0 8px; font-size:1.1rem;}
.woocommerce-Address address{font-style:normal; line-height:1.55;}
.woocommerce-EditAccountForm{display:grid; grid-template-columns:1fr 1fr; column-gap:14px;}
.woocommerce-EditAccountForm > *, .woocommerce-EditAccountForm .form-row-wide{grid-column:1 / -1;}
.woocommerce-EditAccountForm .form-row-first{grid-column:1;} .woocommerce-EditAccountForm .form-row-last{grid-column:2;}
.woocommerce-EditAccountForm fieldset{margin:8px 0 14px; padding:16px; border:1px solid #E6E2F6; border-radius:14px;}
.woocommerce-EditAccountForm legend{padding:0 6px; font-family:var(--font-head); font-weight:800; color:var(--ink);}
.woocommerce-EditAccountForm em{font-size:.82rem; color:var(--muted-text);}
.woocommerce-MyAccount-content .woocommerce-order-details, .woocommerce-MyAccount-content .woocommerce-customer-details{margin-top:22px;}
.woocommerce-MyAccount-content .woocommerce-pagination{margin-top:16px; display:flex; gap:10px;}
.woocommerce-MyAccount-content .woocommerce-info, .woocommerce-MyAccount-content .woocommerce-message{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px;}
@media (max-width:1100px){
.listing{grid-template-columns:1fr;}
/* a szűrők oldalról becsúszó panelben */
.filters{
position:fixed; z-index:300; top:0; bottom:0; left:0; width:min(360px, 88vw); border-radius:0 20px 20px 0;
overflow:auto; overscroll-behavior:contain; padding:20px 20px 32px;
transform:translateX(-105%); transition:transform .3s cubic-bezier(.22,.8,.3,1); visibility:hidden;
}
.filters.is-open{transform:none; visibility:visible;}
.filters::after{display:none;}
.fclose{display:inline-flex;}
.fscrim{position:fixed; inset:0; z-index:290; background:rgba(31,36,48,.45);}
body.filters-open{overflow:hidden;}
.mfilter{
display:inline-flex; align-items:center; gap:8px; padding:10px 16px; border:0; border-radius:10px; cursor:pointer;
background:linear-gradient(135deg,var(--purple-500),var(--purple-700)); color:#fff; font-family:var(--font-head); font-weight:700; font-size:.92rem;
}
.mfilter svg{width:18px; height:18px;}
.toolbar .res{order:3; width:100%;}
}
@media (max-width:980px){
.results .prods{grid-template-columns:repeat(2,minmax(0,1fr));}
.pgrid{grid-template-columns:1fr;}
.pgal{position:relative; top:auto; max-width:560px; width:100%; margin-inline:auto;}
.tab-split{grid-template-columns:1fr;}
}
@media (max-width:760px){
.kpage{gap:26px; padding-top:14px;}
.crumbs{gap:10px;}
.crumbs .path{font-size:.84rem;}
.khead .fx-inner{padding:4px 8px 2px;}
.khead .fx-canvas{opacity:.5;} /* mobilon a szöveg mögé kerül, halványabban */
.khead .kdesc{font-size:1rem;}
/* alkategóriák: vízszintesen görgethető sor */
.sgrid{display:flex; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-padding-inline:16px; margin-inline:-16px; padding:4px 16px 14px; scrollbar-width:none;}
.sgrid::-webkit-scrollbar{display:none;}
.sgrid .sub{flex:0 0 138px; scroll-snap-align:start;}
.sgrid .sub.all{flex-basis:150px;}
.sgrid .sub.all > a{padding:12px 14px;} .sgrid .sub.all .t{font-size:.9rem;} .sgrid .sub.all .n{font-size:.8rem;} .sgrid .sub.all .go{width:30px; height:30px;}
.sgrid .sub .sn{font-size:.86rem; padding:10px 10px 12px 12px;}
.sgrid .sub .sgo{width:26px; height:26px;}
.toolbar{gap:10px;}
.woocommerce-ordering select{font-size:.88rem; padding:9px 34px 9px 12px;}
.helpc .fx-inner{flex-direction:column; align-items:flex-start; gap:18px; padding:26px 20px;}
.helpc h2{font-size:1.25rem;}
.empty{padding:28px 18px;}
.ppage{gap:26px; padding-top:14px;}
.pmain .fx-inner{padding:14px 14px 22px;}
.pgal-main{border-radius:16px;}
.pthumbs{gap:8px;}
.pprice .now{font-size:1.9rem;}
.sizes{grid-template-columns:repeat(auto-fit, minmax(96px,1fr)); gap:8px;}
.size{padding:10px 11px;} .size:has(input:checked){padding:9.5px 10.5px;}
.swatch{width:62px;}
.swatch .sw{width:36px; height:36px;}
.pbuy .quantity{flex:0 0 auto;}
.single_add_to_cart_button{min-height:50px; font-size:1rem; padding:12px 16px;}
.calc-out{flex-direction:column; align-items:flex-start;}
.ptabs .fx-inner{padding:18px 16px 24px;}
.tablist{gap:20px; margin-inline:-16px; padding-inline:16px;}
.specs{grid-template-columns:1fr 1fr; gap:8px;}
.params th{width:45%;}
}
/* 5. KOSÁR, PÉNZTÁR, VISSZAIGAZOLÁS ======================================== */
div.wpage{gap:22px; padding-top:26px;}
.wtop{display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;}
.wtitle{margin:0; font-size:clamp(1.8rem,3vw,2.4rem); line-height:1.1; color:var(--heading-purple);}
.wtitle small{margin-left:10px; font-family:var(--font-body); font-weight:400; font-size:1.05rem; color:var(--muted-text);}
.wpage > .woocommerce{display:flex; flex-direction:column; gap:26px;}
/* lépések */
.steps{display:flex; align-items:center; gap:10px; margin:0; padding:0; list-style:none; font-family:var(--font-body); font-size:.95rem; color:var(--muted-text);}
.steps li{display:flex; align-items:center; gap:8px;}
.steps li + li::before{content:''; width:34px; height:2px; border-radius:2px; background:#DCD8F0; margin-right:2px;}
.steps .sn{width:26px; height:26px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#EDEBFE; color:var(--purple-700); font-weight:700; font-size:.82rem;}
.steps .sn svg{width:14px; height:14px;}
.steps li.on{color:var(--ink); font-weight:500;}
.steps li.on .sn{background:linear-gradient(135deg,var(--purple-500),var(--purple-700)); color:#fff;}
.steps a{color:inherit; text-decoration:none;} .steps a:hover{color:var(--purple-700);}
/* közös kártya */
.ccard, .kcard, .ctotals{position:relative; background:#fff; border-radius:20px; box-shadow:0 18px 36px -28px rgba(58,45,140,.4);}
.ccard::after, .kcard::after, .ctotals::after{
content:''; position:absolute; inset:0; border-radius:inherit; padding:1px; pointer-events:none; background:var(--grad-border);
-webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor;
mask:linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
}
.muted{color:var(--muted-text); font-size:.9rem;}
/* kosár */
.cgrid{display:grid; grid-template-columns:minmax(0,1fr) 380px; gap:28px; align-items:start;}
.ccard{padding:10px 24px 20px;}
.citems{margin:0; padding:0; list-style:none;}
.citem{display:grid; grid-template-columns:88px minmax(0,1fr) auto 120px 40px; align-items:center; gap:18px; padding:18px 0; border-bottom:1px solid #EFEDF7;}
.cimg{display:block;}
.cthumb{display:flex; align-items:center; justify-content:center; aspect-ratio:1/1; width:100%; border-radius:14px; overflow:hidden; background:radial-gradient(75% 70% at 50% 38%, color-mix(in srgb, var(--t) 14%, #FFFFFF) 0%, color-mix(in srgb, var(--t) 6%, #FFFFFF) 70%, #FAFAFC 100%);}
.cthumb img{width:100%; height:100%; object-fit:contain;}
.cthumb svg.can{width:66%; height:auto;}
.cname{display:flex; flex-direction:column; gap:4px; min-width:0;}
.cname a, .cname > span:first-child{font-weight:800; font-size:1.05rem; color:var(--ink); text-decoration:none; line-height:1.3;}
.cname a:hover{color:var(--purple-700);}
.cmeta{font-family:var(--font-body); font-size:.9rem; color:var(--body-text);}
.cmeta b{font-weight:500; color:var(--ink);}
.cback{font-family:var(--font-body); font-size:.82rem; color:#9A6A00;}
.csum{text-align:right; display:flex; flex-direction:column; gap:2px;}
.csum b{font-weight:800; font-size:1.12rem; color:var(--ink); white-space:nowrap;}
.csum small{font-family:var(--font-body); font-size:.8rem; color:var(--muted-text); white-space:nowrap;}
.product-remove a{width:38px; height:38px; border-radius:10px; display:flex; align-items:center; justify-content:center; color:#8A94A3; background:#F4F3F9; transition:background-color .2s, color .2s;}
.product-remove a:hover{background:#FDECF2; color:#C41262;}
.product-remove svg{width:18px; height:18px;}
.cqty .quantity input.qty{width:44px;}
.cqty .qty-btn{width:38px; min-height:42px;}
.cactions{display:flex; justify-content:space-between; align-items:center; gap:12px; padding-top:18px; flex-wrap:wrap;}
.coupon{display:flex; gap:10px; flex:1; max-width:440px;}
.coupon input{flex:1; min-width:0; padding:11px 14px; border-radius:10px; border:1px solid #DAD6F2; font-family:var(--font-body); font-size:.95rem;}
.coupon .cta{padding:11px 18px; font-size:.9rem;}
.cupdate{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); border:0; padding:0;} /* a JS nyomja meg, amikor a darabszám változik */
.cart-collaterals{position:sticky; top:calc(var(--wp-admin--admin-bar--height,0px) + var(--hdr-h) + 20px);}
.ctotals{padding:24px;}
.ctotals h2, .kcard h2{margin:0 0 16px; font-size:1.3rem; color:var(--heading-purple);}
.trows{margin:0; display:grid; gap:10px; font-family:var(--font-body);}
.trows > div{display:flex; justify-content:space-between; align-items:baseline; gap:12px;}
.trows dt{color:var(--body-text);}
.trows dt small{display:block; font-size:.8rem; color:var(--muted-text);}
.trows dd{margin:0; color:var(--ink); font-weight:500; text-align:right;}
.trows .cart-discount dd, .trows .cart-discount dt{color:#2F7D52;}
.trows a.woocommerce-remove-coupon{font-size:.82rem; margin-left:6px; color:var(--muted-text);}
.shipinfo{margin:14px 0 0; padding:14px 16px; list-style:none; display:grid; gap:8px; border-radius:14px; background:#F6F5FD; font-family:var(--font-body); font-size:.88rem; color:#3F4753;}
.shipinfo li{display:flex; gap:10px; align-items:flex-start;}
.shipinfo svg{width:17px; height:17px; color:var(--purple-500); flex-shrink:0; margin-top:1px;}
.freebar{position:relative; margin:14px 0 0; font-family:var(--font-body); font-size:.86rem; color:var(--body-text);}
.freebar b{color:var(--purple-700);}
.freebar i{display:block; margin-top:8px; height:6px; border-radius:3px; background:#ECEAF7; overflow:hidden;}
.freebar i::before{content:''; display:block; height:100%; width:var(--p); background:linear-gradient(90deg,var(--purple-500),#2F9E63); border-radius:inherit;}
.order-total{display:grid; grid-template-columns:1fr auto; align-items:baseline; gap:2px 12px; margin-top:18px; padding-top:16px; border-top:1px solid #EFEDF7;}
.order-total span{font-weight:800; font-size:1.1rem; color:var(--ink);}
.order-total b{font-weight:800; font-size:1.8rem; letter-spacing:-.01em; color:var(--ink); white-space:nowrap;}
.order-total small{grid-column:1 / -1; text-align:right; font-family:var(--font-body); font-size:.8rem; color:var(--muted-text);}
.wc-proceed-to-checkout{margin-top:18px;}
.checkout-button.cta, .kplace{width:100%; justify-content:center; padding:16px 20px; font-size:1.05rem;}
.checkout-button svg, .kplace svg{width:18px; height:18px;}
.secure{display:flex; justify-content:center; align-items:center; gap:6px; margin:12px 0 0; font-family:var(--font-body); font-size:.82rem; color:var(--muted-text);}
.secure svg{width:14px; height:14px;}
.cempty{padding:48px 24px; text-align:center; border-radius:20px; background:#fff; border:1px dashed #DAD6F2;}
.cempty .ci{width:72px; height:72px; margin:0 auto 14px; border-radius:20px; display:flex; align-items:center; justify-content:center; background:#F0EEFD; color:var(--purple-500);}
.cempty .ci svg{width:38px; height:38px;}
.cempty h2{margin:0 0 8px; color:var(--heading-purple);}
.cempty p{margin:0 auto 12px; max-width:52ch; font-family:var(--font-body); color:var(--body-text);}
.cempty .btns{display:flex; justify-content:center; gap:10px; flex-wrap:wrap; margin-top:18px;}
.csuggest .prods{grid-template-columns:repeat(4,minmax(0,1fr));}
/* pénztár: egyszerűsített fejléc */
.checkout-head{position:sticky; top:var(--wp-admin--admin-bar--height,0px); z-index:100; background:linear-gradient(180deg,#FFFFFF 0%, #EFEDF9 100%);}
.checkout-head .in{max-width:var(--wrap); margin:0 auto; padding:12px 20px; display:flex; align-items:center; gap:24px;}
.checkout-head .site-logo{height:54px; width:auto; display:block;}
.checkout-head .ch-help{margin:0 0 0 auto; font-family:var(--font-body); color:var(--body-text); font-size:.95rem;}
.checkout-head .ch-help a{color:var(--ink); font-weight:700; text-decoration:none; white-space:nowrap;}
.checkout-head .ch-secure{display:flex; align-items:center; gap:8px; margin:0; padding:9px 14px; border-radius:10px; background:#EFF9F3; color:#2F7D52; font-family:var(--font-body); font-weight:500; font-size:.92rem;}
.checkout-head .ch-secure svg{width:17px; height:17px;}
/* pénztár */
.kgrid{display:grid; grid-template-columns:minmax(0,1fr) 400px; gap:28px; align-items:start;}
.kmain{display:flex; flex-direction:column; gap:22px; min-width:0;}
.kcard{padding:24px 26px 26px;}
.kcard h2{display:flex; align-items:center; gap:12px;}
.kn{width:30px; height:30px; border-radius:50%; flex-shrink:0; display:flex; align-items:center; justify-content:center; background:#EDEBFE; color:var(--purple-700); font-size:.95rem; font-weight:800;}
.kside{position:sticky; top:calc(var(--wp-admin--admin-bar--height,0px) + var(--hdr-h) + 20px);}
.woocommerce-checkout .form-row{margin:0 0 14px; padding:0; display:flex; flex-direction:column; gap:6px;}
.woocommerce-checkout .form-row label, .woocommerce-account .form-row label{font-weight:700; font-size:.88rem; color:var(--ink);}
.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper, .woocommerce-address-fields__field-wrapper{display:grid; grid-template-columns:1fr 1fr; column-gap:14px;}
.form-row-wide, .fc-company-toggle, #billing_address_1_field, #billing_address_2_field, #shipping_address_1_field, #shipping_address_2_field, .notes{grid-column:1 / -1;}
.woocommerce-billing-fields h3, .woocommerce-additional-fields h3{display:none;}
.input-text, .woocommerce-checkout select, .woocommerce-account select, textarea.input-text{
width:100%; padding:12px 14px; border-radius:12px; border:1px solid #DAD6F2; background:#fff;
font-family:var(--font-body); font-size:1rem; color:var(--ink); transition:border-color .15s, box-shadow .15s;
}
.input-text:focus, textarea.input-text:focus{outline:none; border-color:var(--purple-500); box-shadow:0 0 0 3px rgba(115,103,240,.18);}
.input-text::placeholder{color:#A6AEBB;}
.form-row.woocommerce-invalid .input-text{border-color:#E0457B;}
abbr.required{color:#C41262; text-decoration:none; border:0;}
.optional{font-weight:400; color:var(--muted-text); font-size:.82rem;}
.woocommerce-input-wrapper{display:block;}
#billing_country_field, #shipping_country_field, #billing_state_field, #shipping_state_field{display:none !important;} /* csak Magyarország, megye nélkül */
.fc-company-toggle .optional, .fc-company-field .optional{display:none;}
.fc-company-toggle, #ship-to-different-address, .woocommerce-form__label-for-checkbox, .create-account .form-row{font-family:var(--font-body);}
.fc-company-toggle label, #ship-to-different-address label, .woocommerce-form__label-for-checkbox{display:flex !important; align-items:center; gap:10px; font-weight:500 !important; font-size:.95rem !important; cursor:pointer;}
.woocommerce-checkout input[type="checkbox"]{width:20px; height:20px; accent-color:var(--purple-500); flex-shrink:0;}
.fc-company-field{background:#F7F6FC; margin:0 !important; padding:14px !important;}
.fc-company-field.form-row-first{border-radius:12px 0 0 12px;} .fc-company-field.form-row-last{border-radius:0 12px 12px 0;}
.fc-company-field + .form-row:not(.fc-company-field){margin-top:14px;}
.fc-company-field[hidden]{display:none !important;}
#ship-to-different-address{margin:6px 0 12px; font-size:1rem;}
.woocommerce-additional-fields{margin-top:6px;}
.create-account{margin-top:4px; padding:14px; border-radius:12px; background:#F7F6FC;}
/* szállítási módok */
.shipopts, .wc_payment_methods{margin:0; padding:0; list-style:none; display:grid; gap:10px;}
.shipopt{display:grid; grid-template-columns:auto auto 1fr auto; align-items:center; gap:14px; padding:14px 16px; border-radius:14px; border:1.5px solid #E6E2F6; background:#fff; cursor:pointer; transition:border-color .15s, background-color .15s, box-shadow .15s;}
.shipopt:hover{border-color:#B9B0F2;}
.shipopt.on{border:2px solid var(--purple-500); padding:13.5px 15.5px; background:#F9F8FF; box-shadow:0 10px 22px -16px rgba(115,103,240,.7);}
.shipopt input, .wc_payment_method > input{width:20px; height:20px; accent-color:var(--purple-500); margin:0;}
.shipopt .si{width:38px; height:38px; border-radius:11px; display:flex; align-items:center; justify-content:center; background:#F0EEFD; color:var(--purple-500);}
.shipopt .si svg{width:21px; height:21px;}
.shipopt .sn b{display:block; font-size:1rem; color:var(--ink);}
.shipopt small{display:block; margin-top:2px; font-family:var(--font-body); font-size:.82rem; color:var(--muted-text);}
.shipopt .sp{font-weight:800; color:var(--ink); white-space:nowrap;}
.shipopt .free{color:#2F7D52;}
.shipwhy{display:flex; gap:10px; align-items:flex-start; margin:0 0 12px; padding:12px 14px; border-radius:12px; background:#FFF8E6; border:1px solid #F3DC9B; font-family:var(--font-body); font-size:.9rem; line-height:1.5; color:#6B5314;}
.onorder{margin-bottom:14px;}
.shipwhy svg{width:18px; height:18px; flex-shrink:0; margin-top:2px; color:#C88A00;}
.shipnone{margin:0; font-family:var(--font-body); color:var(--body-text);}
/* fizetési módok */
.wc_payment_method{position:relative; border-radius:14px; border:1.5px solid #E6E2F6; background:#fff; padding:14px 16px; display:flex; flex-wrap:wrap; gap:4px 12px; align-items:center;}
.wc_payment_method:has(> input:checked){border:2px solid var(--purple-500); padding:13.5px 15.5px; background:#F9F8FF;}
.wc_payment_method > label{font-weight:800; color:var(--ink); cursor:pointer;}
.wc_payment_method > label img{display:none;}
.wc_payment_method .payment_box{flex-basis:100%; padding-left:32px; font-family:var(--font-body); font-size:.9rem; color:var(--body-text);}
.wc_payment_method > input[type="hidden"] ~ .payment_box, .wc_payment_method > input[style*="none"] ~ .payment_box{padding-left:0;}
.wc_payment_method .payment_box p{margin:0;}
.fc-cardmarks{display:inline-flex; flex-wrap:wrap; gap:5px; margin-left:auto;}
.fc-cardmarks span{padding:3px 7px; border-radius:6px; border:1px solid #DAD6F2; background:#fff; font-family:var(--font-body); font-size:.72rem; font-weight:700; color:var(--ink); letter-spacing:.02em;}
.fc-khnote{margin-top:8px !important; font-size:.8rem; line-height:1.5; color:var(--muted-text);}
.fc-khnote a{color:var(--purple-700);}
span.fc-khnote, span.fc-khtest{display:block;}
.fc-khtest{margin-top:8px; padding:6px 10px; border-radius:8px; background:#FFF6D6; color:#6B5300; font-size:.8rem; font-weight:700;}
.nopay{font-family:var(--font-body); color:var(--body-text);}
.paynote{margin:12px 0 0; font-family:var(--font-body); font-size:.84rem; color:var(--muted-text);}
/* összesítő */
.ksum h2{margin-bottom:14px;}
.kitems{margin:0 0 14px; padding:0; list-style:none; display:grid; gap:12px;}
.kitems li{display:grid; grid-template-columns:52px 1fr auto; align-items:center; gap:12px;}
.kimg{position:relative; display:block;}
.kimg .cthumb{border-radius:12px;}
.kq{position:absolute; top:-7px; right:-7px; min-width:22px; height:22px; padding:0 6px; border-radius:11px; display:flex; align-items:center; justify-content:center; background:var(--purple-500); color:#fff; font-style:normal; font-weight:800; font-size:.74rem; box-shadow:0 0 0 2px #fff;}
.kname{display:flex; flex-direction:column; min-width:0;}
.kname b{font-size:.95rem; color:var(--ink); line-height:1.3;}
.kname small.konorder{color:#9A6A00; font-weight:500;}
.kname small{font-family:var(--font-body); font-size:.8rem; color:var(--muted-text);}
.kprice{font-weight:800; color:var(--ink); white-space:nowrap; display:flex; flex-direction:column; align-items:flex-end; line-height:1.25;}
.kcalc{font-family:var(--font-body); font-weight:500; font-size:.78rem; color:var(--muted-text);} /* darab × bruttó egységár = */
.krev .trows{padding-top:14px; border-top:1px solid #EFEDF7;}
.place-order{margin-top:18px; display:flex; flex-direction:column; gap:12px;}
.woocommerce-terms-and-conditions-wrapper{font-family:var(--font-body); font-size:.9rem;}
.woocommerce-terms-and-conditions-wrapper .form-row{margin:0;}
.woocommerce-terms-and-conditions-wrapper a{color:var(--purple-700);}
.woocommerce-privacy-policy-text{display:none;}
.knote{margin:0; font-family:var(--font-body); font-size:.82rem; color:var(--muted-text); text-align:center;}
.woocommerce-form-login-toggle .woocommerce-info, .woocommerce-form-coupon-toggle .woocommerce-info{background:#fff; border:1px solid #E6E2F6; color:var(--body-text);}
.woocommerce-form-login-toggle a, .woocommerce-form-coupon-toggle a{color:var(--purple-700); font-weight:700;}
form.checkout_coupon, .woocommerce-checkout form.woocommerce-form-login.login{margin:0; padding:18px; border-radius:16px; background:#fff; border:1px solid #E6E2F6; display:flex; gap:10px; flex-wrap:wrap; align-items:flex-end;}
form.checkout_coupon p:first-child{flex-basis:100%; margin:0; font-family:var(--font-body); color:var(--body-text);}
form.checkout_coupon .form-row{margin:0; flex:1;}
.blockUI.blockOverlay{border-radius:20px;}
.pfacts li.pickonly{color:#8A5A00; font-weight:700;}
.pfacts li.pickonly svg{color:#C88A00;}
/* árakra vonatkozó megjegyzés */
p.price-note{margin:12px 0 0; max-width:none; font-family:var(--font-body); font-size:.82rem; line-height:1.45; color:var(--muted-text); text-align:center;}
.pprice p.price-note{margin:6px 0 0; padding:0; text-align:left;}
/* visszaigazolás */
.tyou{display:flex; flex-direction:column; gap:26px;}
.tyhead{position:relative; text-align:center; padding:10px 0 6px;}
.tyhead .fx-canvas{position:absolute; inset:-40px 0 0; width:100%; height:calc(100% + 40px); pointer-events:none; z-index:0;}
.tyhead .fx-inner{position:relative; z-index:1;}
.tyicon{width:84px; height:84px; margin:10px auto 18px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; background:linear-gradient(135deg,var(--purple-500),#C4447F); box-shadow:0 18px 36px -14px rgba(115,103,240,.8);}
.tyicon svg{width:40px; height:40px;}
.tyicon.fail{background:#C41262; font-size:2.4rem; font-weight:800;}
.tyhead h1{margin:0 0 10px; font-size:clamp(2rem,4vw,2.8rem); color:var(--heading-purple);}
.tyhead h1 .hl{background:var(--grad-hero); -webkit-background-clip:text; background-clip:text; color:transparent;}
.tyhead p{margin:0 auto 14px; max-width:56ch; font-family:var(--font-body); font-size:1.08rem; color:var(--body-text);}
.tyno{display:inline-block; padding:9px 16px; border-radius:12px; background:#EDEBFE; font-family:var(--font-body); color:var(--body-text);}
.tyno b{color:var(--purple-700); font-family:var(--font-head); font-weight:800; font-size:1.15rem;}
.tybtns{display:flex; justify-content:center; gap:10px; flex-wrap:wrap;}
.tygrid{display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:start;}
.tyinfo{margin:16px 0 0; padding-top:14px; border-top:1px solid #EFEDF7; display:grid; gap:8px; font-family:var(--font-body); font-size:.94rem;}
.tyinfo > div{display:grid; grid-template-columns:120px 1fr; gap:10px;}
.tyinfo dt{color:var(--muted-text);}
.tyinfo dd{margin:0; color:var(--ink);}
.tyinfo small{color:var(--muted-text);}
.tysum .trows .order-total-row dd, .tysum .trows .order-total-row dt{font-weight:800; color:var(--ink); font-size:1.05rem;}
.tysteps{margin:0; padding:0; list-style:none; display:grid; gap:0;}
.tysteps li{position:relative; display:grid; grid-template-columns:40px 1fr; column-gap:14px; padding-bottom:18px;}
.tysteps li:not(:last-child)::before{content:''; position:absolute; left:19px; top:40px; bottom:4px; width:2px; background:#E6E2F6;}
.tysteps .ts{grid-row:span 2; width:40px; height:40px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:#F0EEFD; color:var(--purple-500);}
.tysteps .ts svg{width:20px; height:20px;}
.tysteps li.done .ts{background:linear-gradient(135deg,var(--purple-500),var(--purple-700)); color:#fff;}
.tysteps b{align-self:end; color:var(--ink);}
.tysteps small{font-family:var(--font-body); font-size:.86rem; color:var(--body-text); line-height:1.45;}
.tysteps small.now{color:var(--purple-700); font-weight:500;}
.typay{margin:4px 0 16px; padding:16px; border-radius:14px; background:#FFF8E6; border:1px solid #F3DC9B; font-family:var(--font-body); font-size:.92rem; color:#4F4220;}
.typay h2{margin:0 0 8px; font-size:1.02rem; color:#4F4220;}
.typay h3{margin:6px 0 4px; font-size:.95rem;}
.typay ul{margin:0; padding:0; list-style:none; display:grid; gap:4px;}
.typay ul li strong{font-weight:700; color:var(--ink);}
.typay p{margin:0 0 8px;}
.tyhelp{display:flex; gap:10px; align-items:flex-start; margin:0; padding:14px 16px; border-radius:14px; background:#F6F5FD; font-family:var(--font-body); font-size:.9rem; color:var(--body-text);}
.tyhelp svg{width:18px; height:18px; color:var(--purple-500); flex-shrink:0; margin-top:2px;}
@media (max-width:1100px){
.cgrid, .kgrid{grid-template-columns:1fr;}
.cart-collaterals, .kside{position:static;}
.csuggest .prods{grid-template-columns:repeat(2,minmax(0,1fr));}
.tygrid{grid-template-columns:1fr;}
.accwrap{grid-template-columns:minmax(0,1fr);}
.accnav{position:static; min-width:0;}
.accnav ul{display:flex; overflow-x:auto; gap:4px; scrollbar-width:none;}
.accnav a{white-space:nowrap; padding:9px 12px;}
.accnav .woocommerce-MyAccount-navigation-link--customer-logout{margin:0; padding:0; border:0;}
}
@media (max-width:760px){
div.wpage{padding-top:14px; gap:18px;}
.wtop{flex-direction:column; align-items:flex-start;}
.steps{font-size:.84rem; gap:6px;} .steps li + li::before{width:14px;}
.ccard{padding:4px 14px 14px;}
.citem{grid-template-columns:56px minmax(0,1fr) auto; grid-template-areas:"img name rm" "qty qty sum"; gap:10px 12px; padding:14px 0;}
.cimg{grid-area:img; align-self:start;} .cname{grid-area:name;} .cqty{grid-area:qty;} .csum{grid-area:sum;} .product-remove{grid-area:rm; align-self:start;}
.product-remove a{width:34px; height:34px;}
.coupon{max-width:none;}
.ctotals, .kcard{padding:18px 16px 20px;}
.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper, .woocommerce-address-fields__field-wrapper{grid-template-columns:1fr;}
.fc-company-field.form-row-first{border-radius:12px 12px 0 0;} .fc-company-field.form-row-last{border-radius:0 0 12px 12px;}
.shipopt{grid-template-columns:auto 1fr auto; gap:10px; padding:12px;}
.shipopt.on{padding:11.5px;}
.shipopt .si{display:none;}
.checkout-head .in{padding:10px 16px; gap:12px;}
.checkout-head .site-logo{height:42px;}
.checkout-head .ch-help{display:none;}
.checkout-head .ch-secure{margin-left:auto; font-size:.82rem; padding:7px 10px;}
.tyinfo > div{grid-template-columns:1fr; gap:2px;}
.csuggest .prods{gap:12px;}
.accgrid, .acctiles, .woocommerce-Addresses{grid-template-columns:1fr;}
.acccard, .woocommerce-MyAccount-content{padding:20px 16px 22px;}
.acclast{grid-template-columns:auto 1fr auto; }
.acclast .al-k{grid-column:1 / -1;}
.woocommerce-EditAccountForm{grid-template-columns:1fr;}
.woocommerce-EditAccountForm .form-row-first, .woocommerce-EditAccountForm .form-row-last{grid-column:1;}
.woocommerce-orders-table thead{display:none;}
.woocommerce-orders-table tr{display:grid; grid-template-columns:1fr auto; padding:12px 0; border-bottom:1px solid #EFEDF7;}
.woocommerce-orders-table td{padding:3px 0; border:0;}
.woocommerce-orders-table td::before{content:attr(data-title) ": "; color:var(--muted-text); font-size:.82rem;}
.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions::before{content:none;}
}
/* =========================================================================
6. TARTALMI OLDALAK: Kapcsolat, Rólunk, Szállítás és fizetés, Színkeverés,
Projektek, blog, ÁSZF és a többi jogi oldal
========================================================================= */
div.cpage{gap:36px;}
.phead .fx-inner{padding-top:14px;}
.peyebrow{margin:0 0 10px; font-family:var(--font-head); font-weight:800; font-size:.8rem; letter-spacing:.12em; text-transform:uppercase; color:var(--purple-500);}
.plead{margin:10px 0 0; max-width:62ch; font-family:var(--font-body); font-size:1.12rem; line-height:1.75; color:var(--body-text);}
.cblock{display:flex; flex-direction:column;}
.cnote{display:flex; gap:10px; align-items:flex-start; margin:16px 0 0; padding:14px 16px; border-radius:14px; background:#F6F5FD; font-family:var(--font-body); font-size:.94rem; color:var(--body-text); line-height:1.55;}
.cnote svg{width:19px; height:19px; flex-shrink:0; margin-top:1px; color:var(--purple-500);}
/* szerkeszthető szöveg (blokkszerkesztő) */
.prose{font-family:var(--font-body); font-size:1.06rem; line-height:1.85; letter-spacing:.005em; color:var(--body-text);}
.prose.doc{max-width:none; padding:32px clamp(20px,4vw,48px) 36px; background:#fff; border-radius:20px; box-shadow:0 18px 36px -28px rgba(58,45,140,.4);}
.prose.flat{padding:0; background:none; box-shadow:none;}
.prose > :first-child{margin-top:0;}
.prose > :last-child{margin-bottom:0;}
.prose h2, .prose h3{font-family:var(--font-head); color:var(--heading-purple); line-height:1.25; margin:2em 0 .7em;}
.prose h2{font-size:1.45rem;} .prose h3{font-size:1.15rem;}
.prose p, .prose ul, .prose ol{margin:0 0 1.35em;}
.prose p, .prose li{max-width:70ch;}
.prose.doc p, .prose.doc li{max-width:none;} /* jogi oldalak (ÁSZF, adatkezelés, akadálymentesség): a kártya teljes szélességében */
.prose li{margin:0 0 .5em;} .prose li:last-child{margin-bottom:0;}
.prose ul, .prose ol{padding-left:1.3em;}
.prose a{color:var(--purple-700); font-weight:700; text-underline-offset:3px; overflow-wrap:anywhere;}
.prose strong{color:var(--ink);}
.prose .tablewrap{max-width:100%; overflow-x:auto; margin:0 0 1.2em; -webkit-overflow-scrolling:touch;}
.prose .tablewrap:focus-visible{outline:3px solid var(--purple-500); outline-offset:2px; border-radius:6px;}
.prose .tablewrap table{margin:0; min-width:560px;}
.prose table{width:100%; border-collapse:collapse; margin:0 0 1.2em; font-size:.96rem;}
.prose th, .prose td{padding:10px 12px; border-bottom:1px solid #EFEDF7; text-align:left; vertical-align:top;}
.prose th{color:var(--ink); background:#F7F6FC; font-weight:700;}
.prose img{max-width:100%; height:auto; border-radius:14px;}
.prose .helyorzo, .prose mark{background:#FFF3C4; color:#6B5314; padding:1px 5px; border-radius:5px;}
.doc-date{margin-top:24px !important; font-size:.85rem; color:var(--muted-text);}
/* térképkártya */
.mapc{border-radius:20px; overflow:hidden; background:#fff; box-shadow:0 18px 36px -26px rgba(58,45,140,.45);}
.mapc-art{position:relative; display:block; aspect-ratio:16/10; overflow:hidden; background:#EEF0F3;}
.mapc-ph{position:absolute; inset:0; width:100%; height:100%; filter:blur(1.5px); opacity:.9;}
.mapc-gate{position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; padding:16px; text-align:center; background:radial-gradient(60% 70% at 50% 50%, rgba(255,255,255,.85), rgba(255,255,255,.35));}
.mapc-pin{width:46px; height:46px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,var(--purple-500),#C41262); color:#fff; box-shadow:0 12px 24px -12px rgba(196,18,98,.6);}
.mapc-pin svg{width:24px; height:24px;}
.mapc-gate b{font-family:var(--font-head); font-weight:800; color:var(--ink);}
.mapc-gate .cta{padding:10px 18px; font-size:.9rem; background:#fff;}
.mapc-gate small{font-family:var(--font-body); font-size:.76rem; color:var(--muted-text);}
.mapc-art iframe{position:absolute; inset:0; width:100%; height:100%; border:0;}
.mapc-art.on .mapc-gate, .mapc-art.on .mapc-ph{display:none;}
.mapc-fallback{position:absolute; left:50%; bottom:12px; transform:translateX(-50%); padding:8px 14px; border-radius:10px; background:#fff; font-family:var(--font-head); font-weight:800; font-size:.86rem; color:var(--purple-700); text-decoration:none; box-shadow:0 8px 18px -10px rgba(58,45,140,.5);}
.mapc-foot{display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; padding:16px 18px;}
.mapc-foot p{display:flex; align-items:flex-start; gap:8px; margin:0; font-family:var(--font-body); font-weight:500; color:var(--ink);}
.mapc-foot p svg{width:19px; height:19px; flex-shrink:0; color:var(--purple-500); margin-top:2px;}
.mapc-foot .cta{padding:11px 18px; font-size:.92rem;}
/* Kapcsolat */
.cgrid-contact{display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:clamp(28px,4vw,56px); align-items:stretch;} /* az űrlap kártya ugyanolyan magas, mint a bal oszlop */
.cside{display:flex; flex-direction:column; gap:18px;}
.cinfo{margin:0; padding:0; list-style:none; display:grid; gap:10px;}
.cinfo li > a, .cinfo li > div{display:flex; align-items:center; gap:14px; padding:14px 16px; border-radius:16px; background:#fff; text-decoration:none; box-shadow:0 14px 28px -24px rgba(58,45,140,.5); transition:transform .2s;}
.cinfo li > a:hover{transform:translateY(-2px);}
.ci{width:44px; height:44px; border-radius:12px; flex-shrink:0; display:flex; align-items:center; justify-content:center; background:color-mix(in srgb, var(--c) 13%, #fff); color:var(--c);}
.ci svg{width:22px; height:22px;}
.ci.cifb svg{width:30px; height:30px;}
.ct{display:flex; flex-direction:column; min-width:0;}
.ct small{font-family:var(--font-body); font-size:.8rem; color:var(--muted-text);}
.ct b{font-family:var(--font-head); font-weight:800; font-size:1.05rem; color:var(--ink); overflow-wrap:anywhere;}
.ccompany{margin:0; font-family:var(--font-body); font-size:.86rem; color:var(--muted-text);}
.cform{padding:clamp(24px,3vw,40px); display:flex; flex-direction:column;}
.cform > form{display:flex; flex-direction:column; flex:1;}
.cform .form-row.cmsg{flex:1;} .cform .form-row.cmsg textarea{flex:1;} /* az üzenetmező kitölti a maradék magasságot */
.cintro{margin:-4px 0 22px; font-family:var(--font-body); font-size:.98rem; line-height:1.75; color:var(--body-text);}
.cintro p{margin:0 0 .7em;} .cintro p:last-child{margin:0;}
.cintro a{color:var(--purple-700); font-weight:700;}
.cform h2{margin:0 0 18px;}
.cform .kn svg{width:17px; height:17px;}
.cgrid2{display:grid; grid-template-columns:1fr 1fr; column-gap:14px;}
.cform .form-row{margin:0 0 14px; display:flex; flex-direction:column; gap:6px;}
.cform .form-row label{font-weight:700; font-size:.88rem; color:var(--ink);}
.cform select.input-text{appearance:auto;}
.cform textarea.input-text{resize:vertical; min-height:140px;}
.ferr{font-family:var(--font-body); font-size:.82rem; color:#B0124F;}
.cerr{margin:0 0 16px; padding:12px 14px; border-radius:12px; background:#FDECF2; color:#9E1449; font-family:var(--font-body); font-size:.92rem;}
.cconsent label{display:flex !important; align-items:flex-start; gap:10px; font-weight:500 !important; font-family:var(--font-body); cursor:pointer;}
.cconsent input{width:20px; height:20px; accent-color:var(--purple-500); flex-shrink:0; margin:1px 0 0;}
.cconsent a{color:var(--purple-700); font-weight:700;}
.cform button.cta{margin-top:6px; align-self:flex-start;} /* ne nyúljon ki a teljes szélességre */
.cform button.cta svg{width:18px; height:18px;}
.csent{text-align:center; padding:20px 0 6px;}
.csent .tyicon{margin:0 auto 16px;}
.csent h2{display:block; margin:0 0 8px;}
.csent p{margin:0 auto 18px; max-width:44ch; font-family:var(--font-body); color:var(--body-text);}
.sroute{margin-top:10px !important;} .sroute a, .croute{display:inline-flex; align-items:center; gap:6px; font-family:var(--font-head); font-weight:800; font-size:.88rem; color:var(--purple-700); text-decoration:none;}
.sroute a svg{width:16px; height:16px;} .sroute a:hover, .croute:hover{text-decoration:underline;}
.croute{margin-top:2px;}
/* Rólunk */
.rstory .fx-inner{padding:clamp(28px,4.5vw,60px) clamp(20px,4.5vw,64px); gap:clamp(28px,4.5vw,64px);}
.rphoto .rimg{width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; border-radius:22px; box-shadow:0 24px 44px -28px rgba(31,36,48,.5); display:block;}
.rvalues ul{margin:0; padding:0; list-style:none; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px;}
.rvalues a{position:relative; display:flex; flex-direction:column; gap:8px; height:100%; padding:22px 20px 20px; border-radius:18px; background:#fff; text-decoration:none; box-shadow:0 16px 30px -26px rgba(58,45,140,.5); transition:transform .2s, box-shadow .2s;}
.rvalues a:hover{transform:translateY(-3px); box-shadow:0 22px 36px -24px rgba(58,45,140,.55);}
.rvalues .vi{width:48px; height:48px; border-radius:14px; display:flex; align-items:center; justify-content:center; background:color-mix(in srgb, var(--c) 13%, #fff); color:var(--c); margin-bottom:4px;}
.rvalues .vi svg{width:26px; height:26px;}
.rvalues b{font-family:var(--font-head); font-weight:800; font-size:1.05rem; color:var(--ink);}
.rvalues span:not(.vi):not(.vgo){font-family:var(--font-body); font-size:.94rem; line-height:1.7; color:var(--body-text);}
.rvalues .vgo{margin-top:auto; color:var(--c);}
/* Munkatársaink (Rólunk): álló kártyák, a név és a titulus a kép alján, finom sötét átmeneten */
.rteam .fx-inner{padding:clamp(28px,4.5vw,60px) clamp(20px,4.5vw,64px);} /* nagy kártya, mint a bemutatkozás */
.rteam-head{margin:0 0 24px;}
.rteam-head h2{margin:4px 0 0; font-family:var(--font-head); font-weight:800; font-size:clamp(1.5rem,2.4vw,2rem); line-height:1.15; color:var(--ink);}
.rteam-head h2 .hl{background:var(--grad-hero); -webkit-background-clip:text; background-clip:text; color:transparent;}
.rteam ul{--tcols:4; --tgap:18px; margin:0; padding:0; list-style:none; display:flex; flex-wrap:wrap; justify-content:center; gap:var(--tgap);} /* a csonka utolsó sor középre kerül (pl. 7 fő: 4 + 3) */
.rteam li{flex:0 0 calc((100% - (var(--tcols) - 1) * var(--tgap)) / var(--tcols)); min-width:0;}
.tcard{position:relative; aspect-ratio:4/5; border-radius:22px; overflow:hidden; background:#EDEBF7; isolation:isolate; box-shadow:0 22px 40px -30px rgba(40,30,110,.55); transition:transform .3s cubic-bezier(.2,.7,.2,1), box-shadow .3s;}
.tcard:hover{transform:translateY(-4px); box-shadow:0 30px 48px -30px rgba(40,30,110,.6);}
.tcard .tpic{position:absolute; inset:0; z-index:-1;}
.tcard .tphoto{width:100%; height:100%; object-fit:cover; object-position:50% 22%; display:block; transition:transform .6s cubic-bezier(.2,.7,.2,1);}
.tcard:hover .tphoto{transform:scale(1.045);}
.tcard.has-photo::after{content:""; position:absolute; inset:45% 0 0; z-index:-1; background:linear-gradient(180deg, rgba(24,20,48,0) 0%, rgba(24,20,48,.55) 55%, rgba(24,20,48,.82) 100%);}
.tcard .ttext{position:absolute; left:0; right:0; bottom:0; display:flex; flex-direction:column; gap:6px; padding:20px 20px 20px;}
.tcard b{font-family:var(--font-head); font-weight:800; font-size:1.12rem; line-height:1.2; color:#fff;}
.tcard .ttext span{display:flex; align-items:center; gap:8px; font-family:var(--font-body); font-size:.74rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.82);}
.tcard .ttext span::before{content:""; width:18px; height:2px; border-radius:2px; background:#B9B2FF; flex-shrink:0;}
/* fotó nélkül: halvány lila háttér, nagy, finom monogram */
.tcard.no-photo{background:linear-gradient(160deg,#F6F5FC 0%,#ECE9FA 100%);}
.tcard .tmono{position:absolute; inset:0 0 22%; display:flex; align-items:center; justify-content:center; font-family:var(--font-head); font-weight:800; font-size:clamp(3.2rem,6vw,4.6rem); letter-spacing:-.02em; color:rgba(115,103,240,.2);}
.tcard.no-photo b{color:var(--ink);}
.tcard.no-photo .ttext span{color:var(--body-text);}
.tcard.no-photo .ttext span::before{background:var(--purple-500);}
.rteam .ph-note{margin:6px 0 0; font-size:.85rem; color:#8A919E;}
.rvalues .vgo svg{width:18px; height:18px;}
.rvisit .fx-inner{padding:44px clamp(20px,4vw,52px);}
.rvisit h2{margin:0 0 12px;}
.rvisit p{margin:0 0 20px;}
.rbtns{display:flex; flex-wrap:wrap; gap:10px;}
/* Szállítás és fizetés */
.scards{margin:0; padding:0; list-style:none; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px;}
.scards .kcard, .pcards .kcard{padding:22px 20px 22px;}
.scards .si, .pcards .si{width:46px; height:46px; border-radius:13px; display:flex; align-items:center; justify-content:center; background:color-mix(in srgb, var(--c) 13%, #fff); color:var(--c); margin-bottom:12px;}
.scards .si svg, .pcards .si svg{width:24px; height:24px;}
.scards h3, .pcards h3{margin:0 0 8px; font-size:1.05rem; color:var(--ink);}
.sprice{margin:0 0 10px; display:flex; flex-direction:column;}
.sprice b{font-family:var(--font-head); font-weight:800; font-size:1.3rem; color:var(--ink);}
.sprice small{font-family:var(--font-body); font-size:.84rem; font-weight:700; color:#2F7D52;}
.scards p:not(.sprice), .pcards p{margin:0; font-family:var(--font-body); font-size:.94rem; line-height:1.7; color:var(--body-text);}
.srules{margin:0; padding:0; list-style:none; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px;}
.srules .kcard{display:flex; flex-direction:column; gap:6px; padding:20px;}
.srules b{font-family:var(--font-head); font-weight:800; color:var(--ink);}
.srules span{font-family:var(--font-body); font-size:.92rem; line-height:1.55; color:var(--body-text);}
.pcards{margin:0; padding:0; list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:16px;}
.pcards .kcard{display:flex; gap:16px; align-items:flex-start;}
.pcards .si{margin:0; flex-shrink:0;}
.faq{display:grid; gap:10px; max-width:860px;}
.faq details{background:#fff; border-radius:16px; box-shadow:0 14px 28px -24px rgba(58,45,140,.5);}
.faq summary{list-style:none; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:14px; padding:16px 18px; font-family:var(--font-head); font-weight:800; color:var(--ink);}
.faq summary::-webkit-details-marker{display:none;}
.faq summary span{width:30px; height:30px; flex-shrink:0; border-radius:9px; display:flex; align-items:center; justify-content:center; background:#F0EEFD; color:var(--purple-500); transition:transform .2s;}
.faq summary svg{width:16px; height:16px;}
.faq details[open] summary span{transform:rotate(180deg);}
.faq details p{margin:0; padding:0 18px 18px; font-family:var(--font-body); line-height:1.65; color:var(--body-text);}
/* Színkeverés */
.mixhead .fx-inner{padding:40px clamp(20px,4vw,52px);}
.mixhead h1{margin:0 0 12px; font-size:clamp(1.8rem,2.6vw,2.3rem); line-height:1.15; color:var(--heading-purple);}
.mixhead h1 .hl{background:var(--grad-hero); -webkit-background-clip:text; background-clip:text; color:transparent;}
.msteps{margin:0; padding:0; list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; counter-reset:none;}
.msteps .kcard{padding:24px 22px;}
.mn{width:40px; height:40px; border-radius:50%; display:flex; align-items:center; justify-content:center; margin-bottom:12px; background:linear-gradient(135deg,var(--purple-500),#C4447F); color:#fff; font-family:var(--font-head); font-weight:800;}
.msteps h3{margin:0 0 6px; font-size:1.08rem; color:var(--ink);}
.msteps p{margin:0; font-family:var(--font-body); font-size:.95rem; line-height:1.6; color:var(--body-text);}
/* blog */
.bgrid{margin:0; padding:0; list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px;}
.bcard a{display:flex; flex-direction:column; height:100%; border-radius:20px; overflow:hidden; background:#fff; text-decoration:none; box-shadow:0 18px 32px -26px rgba(58,45,140,.5); transition:transform .2s, box-shadow .2s;}
.bcard a:hover{transform:translateY(-3px); box-shadow:0 24px 40px -26px rgba(58,45,140,.55);}
.bimg{aspect-ratio:16/10; display:flex; align-items:center; justify-content:center; overflow:hidden; background:radial-gradient(80% 90% at 65% 30%, #E9E6FD 0%, #F4F3FC 65%, #FAFAFC 100%); color:#A79FF3;}
.bimg img{width:100%; height:100%; object-fit:cover;}
.bimg > svg{width:26%; height:auto;}
.bbody{display:flex; flex-direction:column; gap:6px; padding:18px 20px 20px; flex:1;}
.bbody small{font-family:var(--font-body); font-size:.82rem; color:var(--muted-text);}
.bbody b{font-family:var(--font-head); font-weight:800; font-size:1.12rem; line-height:1.3; color:var(--ink);}
.bex{font-family:var(--font-body); font-size:.94rem; line-height:1.55; color:var(--body-text);}
.bmore{margin-top:auto; padding-top:6px; display:inline-flex; align-items:center; gap:6px; font-family:var(--font-head); font-weight:800; font-size:.9rem; color:var(--purple-700);}
.bmore svg{width:16px; height:16px;}
.bempty{display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; padding:24px 26px;}
.bempty p{margin:0; font-family:var(--font-body); color:var(--body-text);}
.pthumb{margin:0 0 22px;}
.pback{margin:0;}
.pback .cta svg{width:18px; height:18px;}
.cpage-blog .nav-links{display:flex; gap:8px; justify-content:center;}
.cpage-blog .page-numbers{min-width:40px; height:40px; padding:0 12px; border-radius:10px; display:inline-flex; align-items:center; justify-content:center; background:#fff; color:var(--ink); font-weight:700; text-decoration:none;}
.cpage-blog .page-numbers.current{background:var(--purple-500); color:#fff;}
@media (max-width:1100px){
.cgrid-contact{display:flex; flex-direction:column;} .cside{display:contents;} /* keskeny képernyőn: elérhetőségek, űrlap, térkép */
.cinfo{order:1;} .cform{order:2;} .mapc{order:3;} .ccompany{order:4;}
.rvalues ul, .scards{grid-template-columns:repeat(2,minmax(0,1fr));}
.rteam ul{--tgap:14px;} /* tableten is 4 oszlop */
.bgrid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:760px){
div.cpage{gap:26px;}
.plead{font-size:1rem;}
.prose.doc{padding:22px 18px 24px;}
.cform{padding:22px 18px 24px;}
.cgrid2, .pcards, .srules, .msteps, .bgrid, .rvalues ul, .scards{grid-template-columns:1fr;}
.rteam ul{--tcols:2; --tgap:12px;} .tcard{border-radius:18px;} .tcard .ttext{padding:14px 14px 14px; gap:4px;} .tcard b{font-size:.98rem;} .tcard .ttext span{font-size:.64rem; letter-spacing:.05em;} .tcard .ttext span::before{width:12px;}
.rstory .fx-inner, .rvisit .fx-inner, .mixhead .fx-inner, .rteam .fx-inner{padding:26px 18px 28px;}
.mixhead h1{font-size:1.6rem;}
.mapc-foot .cta{width:100%; justify-content:center;}
}
/* K&H bankkártyás fizetés eredménye a köszönőoldalon */
.tyok{display:inline-flex; align-items:center; gap:8px; margin:0 0 6px; padding:6px 14px; border-radius:999px; background:#E7F6EE; color:#2F7D52; font-weight:700;}
.tyok svg{width:18px; height:18px;}
.tykh{margin:8px auto 0; font-size:.92rem; color:var(--body-text);}
.tykhbox{margin:18px 0 0; padding:16px 18px; border-radius:14px; background:#F7F6FE;}
.tykhbox h3{margin:0 0 10px; font-size:1rem; color:var(--heading-purple);}
.fc-khdata{width:100%; border-collapse:collapse; font-family:var(--font-body); font-size:.9rem;}
.fc-khdata th, .fc-khdata td{padding:6px 0; text-align:left; vertical-align:top; border-bottom:1px solid #ECE9F7;}
.fc-khdata tr:last-child th, .fc-khdata tr:last-child td{border-bottom:0;}
.fc-khdata th{width:48%; font-weight:500; color:var(--muted-text); padding-right:12px;}
.fc-khdata td{color:var(--ink); font-weight:600; word-break:break-word;}
.tygrid.solo{grid-template-columns:minmax(0,620px) !important; justify-content:center;}
.fc-khbanner.checkout{display:block; width:300px; max-width:100%; height:auto; margin:12px 0 0; border-radius:8px;}
/* elhagyott kosár + hírlevél a pénztárban */
.acnote{margin:6px 0 0; font-family:var(--font-body); font-size:.8rem; line-height:1.5; color:#5F6878;}
/* Projektek */
.projc + .projc{margin-top:28px;}
.projt{width:100%; border-collapse:collapse; margin:0 0 20px;}
.projt th, .projt td{padding:10px 12px; border-bottom:1px solid #ECE9F7; text-align:left; vertical-align:top;}
.projt th{width:42%; color:var(--ink); font-weight:700;}
.projimg img{display:block; max-width:100%; height:auto; margin-top:16px; border-radius:12px;}
/* Forgalmazott márkák */
.brandgrid{display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:16px; margin:0; padding:0; list-style:none;}
.brandgrid li > a, .brandgrid li > .bnolink{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; height:150px; padding:18px; border-radius:18px; background:#fff; border:1px solid #ECE9F7; box-shadow:0 14px 30px -26px rgba(58,45,140,.5); text-decoration:none; transition:transform .25s, box-shadow .25s, border-color .25s;}
.brandgrid img{max-width:100%; max-height:70px; width:auto; height:auto; object-fit:contain;}
.brandgrid .bname{font-family:var(--font-body); font-size:.85rem; font-weight:700; color:var(--body-text);}
.brandgrid li > a:hover{transform:translateY(-4px); border-color:#C9C2F5; box-shadow:0 22px 40px -26px rgba(58,45,140,.6);}
.brandgrid li > a:hover .bname{color:var(--purple-700);}
@media (prefers-reduced-motion: reduce){ .brandgrid li > a{transition:none;} .brandgrid li > a:hover{transform:none;} }