/* My FM tagi felület: ugyanazok az elemek és megjelenés, mint az admin felületen (kártyák, táblázat, szűrők), a közös színek és a fejléc az header.css-ben vannak. */
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 var(--sans)}
a{color:inherit}
button{font:inherit;cursor:pointer}
.wrap{max-width:1680px;margin:0 auto;padding:26px 28px 40px}
.wrap.narrow{max-width:520px;padding-top:34px}
main{min-height:60vh}
h1{font:700 clamp(32px,5vw,44px)/1.1 var(--serif);margin:0 0 18px}
h2{font:700 22px/1.25 var(--sans);margin:0 0 12px}h2 small{color:var(--mute);font:400 12.5px var(--sans);margin-left:6px}
h3{margin:16px 0 4px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.hint{color:var(--mute);margin:0 0 14px;max-width:820px}.hint a{color:var(--gold-ink)}
.lead{color:var(--mute);margin:0 0 18px;font-size:15px}
.nil{color:var(--mute)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}

.alert{background:#fbe9e7;color:#8a1c12;border:1px solid #f1b5ad;border-radius:8px;padding:11px 14px;margin:0 0 14px}
.notice{background:#e8f5ec;color:#145a2c;border:1px solid #a9d6b9;border-radius:8px;padding:11px 14px;margin:0 0 14px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .alert{background:#3a1d1a;color:#ffb4ab;border-color:#6b2f29}:root:not([data-theme="light"]) .notice{background:#16301f;color:#9be3b4;border-color:#2b5a3a}}
:root[data-theme="dark"] .alert{background:#3a1d1a;color:#ffb4ab;border-color:#6b2f29}
:root[data-theme="dark"] .notice{background:#16301f;color:#9be3b4;border-color:#2b5a3a}

/* kártyák és összesítő számok */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:10px;margin-bottom:14px}.cards .stat{padding:14px 12px}.cards .stat b{font-size:32px}.cards .stat span{font-size:13.5px;line-height:1.3}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;margin-bottom:16px;box-shadow:var(--shadow)}
.cards .card{margin-bottom:0}
.stat{text-decoration:none;display:block}.stat b{display:block;font:700 38px/1.1 var(--serif)}.stat span{color:var(--mute)}a.stat:hover{border-color:var(--gold)}
.stat span{display:block}.stat small{display:block;margin-top:2px;color:var(--mute);font-size:12px}.stat b.ok{color:var(--ok)}.stat b.no{color:var(--no)}
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px}.two .card{margin-bottom:0}
dl{display:grid;grid-template-columns:150px 1fr;gap:6px 12px;margin:0}dt{color:var(--mute)}dd{margin:0;overflow-wrap:anywhere}
dl.notes{grid-template-columns:130px 1fr}.desc{margin:4px 0 12px;max-width:640px}

/* keresősáv és szűrők */
.bar{display:flex;gap:10px;margin:0 0 16px;flex-wrap:wrap;align-items:center}
.bar input[type=search]{flex:1;min-width:240px;padding:12px 18px;border:1px solid var(--line);border-radius:99px;background:var(--panel);color:var(--ink);font:inherit}
.bar button{background:var(--ink);color:var(--bg);border:0;border-radius:99px;padding:11px 24px;font-weight:600}
input:focus{outline:2px solid var(--gold);outline-offset:0}
a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:6px}
.clear{color:var(--mute)}
.chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 10px}
.chips span{color:var(--mute);font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-right:4px;min-width:104px}
.chips a{padding:5px 13px;border:1px solid var(--line);border-radius:99px;background:var(--panel);text-decoration:none;font-size:13px}
.chips a:hover{border-color:var(--ink)}.chips a.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}

/* táblázat */
.scroll{overflow-x:auto;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}
table.grid{border-collapse:collapse;width:100%;min-width:640px}
.grid th,.grid td{padding:9px 14px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}
.grid th{position:sticky;top:0;background:var(--panel);font-size:12px;letter-spacing:.05em;text-transform:uppercase}
.grid th a{text-decoration:none;color:var(--mute)}.grid th a:hover{color:var(--ink)}
.grid tbody tr:hover{background:color-mix(in srgb,var(--gold) 9%,transparent)}.grid tr:last-child td{border-bottom:0}
.empty{padding:26px;text-align:center;color:var(--mute)}
.plink{text-decoration:none;font-weight:600}.plink:hover{color:var(--gold-ink);text-decoration:underline}
.more{padding:18px;text-align:center;color:var(--mute);cursor:default}
.pill{display:inline-block;padding:1px 10px;border-radius:99px;font-size:12px;font-weight:600}
.pill.ok{background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok)}.pill.no{background:color-mix(in srgb,var(--no) 14%,transparent);color:var(--no)}
.subtabs{display:flex;gap:6px;margin:0 0 12px}.subtabs a{padding:7px 16px;border:1px solid var(--line);border-radius:99px;text-decoration:none;background:var(--panel)}
.subtabs a.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}

/* parfüm-adatlap: a stílusok lent, a "termékoldal" részben */
.crumb{margin:0 0 14px;font-size:13px}.crumb a{color:var(--mute);text-decoration:none}.crumb a:hover{color:var(--ink)}
.brandline{color:var(--gold-ink);letter-spacing:.2em;text-transform:uppercase;font-size:12px;font-weight:600}
.tag{display:inline-block;padding:4px 14px;border:1px solid var(--line);border-radius:99px;background:var(--panel);font-size:13px;margin-right:6px}
.tag.gold{border-color:var(--gold);color:var(--gold-ink);font-weight:600}

/* űrlapok (belépés, regisztráció, fiók) */
.narrow .card{padding:28px 24px}
.narrow h1{margin-bottom:8px}
label{display:block;margin:16px 0 6px;font-weight:500}label small{color:var(--mute);font-weight:400}
.narrow input:not([type=checkbox]){width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font:inherit}
.check{display:flex;gap:10px;align-items:flex-start;font-weight:400;margin:20px 0 4px}.check input{margin-top:4px;width:18px;height:18px;flex:none}
.check a,.alt a{color:var(--gold-ink)}
.btn{display:inline-block;margin-top:22px;padding:12px 28px;border:0;border-radius:99px;background:var(--ink);color:var(--bg);font:inherit;font-weight:600;cursor:pointer;text-decoration:none}
.btn:hover{opacity:.88}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line);margin-top:10px}
.btn.warn{background:var(--no);color:#fff}
.alt{text-align:center;color:var(--mute);margin:20px 0 0}
.facts{display:grid;grid-template-columns:90px 1fr;gap:8px 12px;margin:16px 0}
.danger{border-color:color-mix(in srgb,var(--no) 30%,var(--line))}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.prose ul{padding-left:20px}.prose li{margin:6px 0}
.foot{padding:26px 0 10px;text-align:center;font-size:13px;color:var(--mute)}.foot a{color:var(--mute)}

@media (max-width:820px){.wrap{padding:18px 16px 40px}dl{grid-template-columns:120px 1fr}.chips span{min-width:100%}}

/* termékképek a listában: az üveg háttér nélkül (átlátszó webp), a hangulatkép teljes méretben */
.thumb{display:block;width:40px;height:40px;object-fit:contain}.thumb.scene{border-radius:8px;object-fit:cover}.thumb.none{background:transparent}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .thumb:not(.scene){background:#e9e1d2;border-radius:10px;padding:3px}}
:root[data-theme="dark"] .thumb:not(.scene){background:#e9e1d2;border-radius:10px;padding:3px}

/* termékoldal (a Design terv.png szerint) */
.pdp-wrap{max-width:1600px;margin:0 auto}
.pdp-wrap .crumb{margin:0 0 18px;font-size:15px}.pdp-wrap .crumb a{color:var(--ink)}.pdp-wrap .crumb i{font-style:normal;color:var(--mute);margin:0 8px}
.pdp{--stage:radial-gradient(ellipse at 50% 38%,color-mix(in srgb,var(--gold) 28%,var(--panel)) 0,color-mix(in srgb,var(--gold) 12%,var(--panel-2)) 78%);
  display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:0 56px;align-items:stretch;margin:0 0 26px}
.pdp-left,.pdp-right{display:flex;flex-direction:column;min-width:0}
.pdp-media{flex:1;display:flex;flex-direction:column}
.pdp.no-img{grid-template-columns:minmax(0,1fr)}
.stage{position:relative;flex:1;aspect-ratio:1;border-radius:28px;overflow:hidden;background:var(--stage);box-shadow:var(--shadow)}
.stage .photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.stage.pack{background:radial-gradient(ellipse at 50% 38%,#f7f4ef 0,#e8e3da 85%)}
.stage.pack .photo{object-fit:contain;mix-blend-mode:multiply}
.stage.pack .glass{height:68%}
.stage.bottle{display:flex;align-items:center;justify-content:center}
.stage .glass{height:76%;width:auto;filter:drop-shadow(0 22px 16px rgba(50,30,5,.28));animation:rise .5s ease-out both}
@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.pdp-right{gap:22px}.buy{margin-top:auto}
.pdp-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.pdp .brandline{font:600 clamp(19px,1.9vw,24px)/1.1 var(--serif);letter-spacing:.03em;text-transform:uppercase;margin:6px 0 0}
.pdp .brandline a{color:inherit;text-decoration:none;border-bottom:2px solid transparent}.pdp .brandline a:hover{border-bottom-color:var(--gold)}
.code{flex:none;padding:8px 16px;border-radius:99px;background:#fde6e2;color:#a8281c;font:700 13.5px/1 var(--sans);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}
.pdp h1{margin:-3px 0 0;letter-spacing:-.01em;overflow-wrap:anywhere}
.pdp h1{font:700 clamp(28px,3vw,44px)/1.1 var(--serif)}
.metaline{display:flex;align-items:center;flex-wrap:wrap;gap:3px 5px;margin:-1px 0 0;font-size:clamp(13px,1.1vw,15px);color:var(--mute)}.metaline b{color:var(--ink);font-weight:400}.metaline i{width:1px;height:11px;background:var(--line)}
.tagline{font:italic 600 clamp(22px,2.3vw,32px)/1.25 var(--serif);color:var(--gold-ink);margin:26px 0 0;text-wrap:balance}
.blurb{margin:14px 0 0;max-width:54ch;font-size:clamp(16px,1.35vw,19px);line-height:1.6}
.buy{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 16px}
.buy small{color:var(--mute);font-size:13px;line-height:1.4}
.pills{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-left:auto}
.st-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px 6px 8px;border-radius:99px;font:700 13px/1 var(--sans)}
.st-pill svg{width:18px;height:18px;flex:none}.st-pill.ok{background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok)}.st-pill.no{background:color-mix(in srgb,var(--no) 12%,transparent);color:var(--no)}.st-pill.unk{background:var(--panel-2);color:var(--mute)}
.badge{display:inline-block;padding:7px 14px;border:1px solid var(--gold);border-radius:99px;color:var(--gold-ink);font-size:14px;font-weight:600}
.badge.off{border-color:var(--line);color:var(--mute);font-weight:500}

/* illatjegyek és jellemzők */
.pdp-cards{display:block;margin-bottom:24px}
.pdp-wrap .card{border-radius:24px;padding:26px 30px;margin:0;position:relative;overflow:hidden}
.pdp-wrap .card h2{font:700 27px/1.2 var(--sans);margin:0 0 16px}.pdp-wrap .card>*{position:relative;z-index:1}.pdp-wrap .card>.decoimg{position:absolute;z-index:0}
.note-row{display:grid;grid-template-columns:276px 1fr;gap:24px;align-items:start;padding:7px 0}
.nt{display:flex;gap:2px;width:276px;height:92px;border-radius:14px;overflow:hidden;position:relative;background:var(--panel-2)}
.np{flex:1;min-width:0;position:relative;overflow:hidden}.np svg,.np img{display:block;width:100%;height:100%;object-fit:cover}
.nt .plus{position:absolute;right:6px;bottom:5px;padding:1px 7px;border-radius:99px;background:rgba(30,20,10,.72);color:#fff;font:700 12px/1.5 var(--sans)}
.nt-citrus{background:linear-gradient(135deg,#fdf0b8,#f6c35a)}.nt-fruit{background:linear-gradient(135deg,#fde1c9,#f1a98a)}.nt-floral{background:linear-gradient(135deg,#eef3e4,#cfe0b8)}
.nt-rose{background:linear-gradient(135deg,#fbe1e6,#f1b3c4)}.nt-herbal{background:linear-gradient(135deg,#ece6f7,#c5b6e6)}.nt-green{background:linear-gradient(135deg,#e2f1d9,#a9d28f)}
.nt-spice{background:linear-gradient(135deg,#f6dcb8,#d89b5e)}.nt-wood{background:linear-gradient(135deg,#e8d3b6,#a97d52)}.nt-amber{background:linear-gradient(135deg,#f8dca0,#c9852b)}
.nt-sweet{background:linear-gradient(135deg,#f5e6d0,#cfa77a)}.nt-musk{background:linear-gradient(135deg,#f7f2ec,#e0d3c4)}.nt-leather{background:linear-gradient(135deg,#d9bb97,#8a5a36)}
.nt-moss{background:linear-gradient(135deg,#cfd8b0,#8a9a5a)}.nt-aqua{background:linear-gradient(135deg,#d6eef7,#8cc6e0)}
.note-row h3{margin:-2px 0 11px;font:700 21px/1.1 var(--sans);letter-spacing:0;text-transform:none;color:var(--ink)}
.note-row p{margin:0;font-size:15px;font-weight:300;line-height:1.35}
.props{display:grid;grid-template-columns:140px 1fr;gap:0 20px;max-width:440px;margin:0}.props dt,.props dd{padding:11px 0;font-size:17px}.props dt{color:var(--mute)}.props dd{font-weight:700}
.deco::after{content:"";position:absolute;right:-70px;bottom:-80px;width:360px;height:360px;background-size:contain;background-repeat:no-repeat;pointer-events:none;z-index:0;-webkit-mask:linear-gradient(135deg,transparent 15%,#000 70%);mask:linear-gradient(135deg,transparent 15%,#000 70%)}
.deco.cream::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20300%20300%22%3E%3Cdefs%3E%3Cfilter%20id=%22b%22%3E%3CfeGaussianBlur%20stdDeviation=%222.2%22/%3E%3C/filter%3E%3C/defs%3E%3Cg%20filter=%22url%28%23b%29%22%3E%3Cellipse%20cx=%22150%22%20cy=%2272%22%20rx=%2234%22%20ry=%2262%22%20fill=%22%23fbefd2%22%20fill-opacity=%220.55%22%20transform=%22rotate%280.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%2272%22%20rx=%2234%22%20ry=%2262%22%20fill=%22%23fbefd2%22%20fill-opacity=%220.55%22%20transform=%22rotate%2830.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%2272%22%20rx=%2234%22%20ry=%2262%22%20fill=%22%23fbefd2%22%20fill-opacity=%220.55%22%20transform=%22rotate%2860.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%2272%22%20rx=%2234%22%20ry=%2262%22%20fill=%22%23fbefd2%22%20fill-opacity=%220.55%22%20transform=%22rotate%2890.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%2272%22%20rx=%2234%22%20ry=%2262%22%20fill=%22%23fbefd2%22%20fill-opacity=%220.55%22%20transform=%22rotate%28120.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%2272%22%20rx=%2234%22%20ry=%2262%22%20fill=%22%23fbefd2%22%20fill-opacity=%220.55%22%20transform=%22rotate%28150.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%2272%22%20rx=%2234%22%20ry=%2262%22%20fill=%22%23fbefd2%22%20fill-opacity=%220.55%22%20transform=%22rotate%28180.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%2272%22%20rx=%2234%22%20ry=%2262%22%20fill=%22%23fbefd2%22%20fill-opacity=%220.55%22%20transform=%22rotate%28210.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%2272%22%20rx=%2234%22%20ry=%2262%22%20fill=%22%23fbefd2%22%20fill-opacity=%220.55%22%20transform=%22rotate%28240.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%2272%22%20rx=%2234%22%20ry=%2262%22%20fill=%22%23fbefd2%22%20fill-opacity=%220.55%22%20transform=%22rotate%28270.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%2272%22%20rx=%2234%22%20ry=%2262%22%20fill=%22%23fbefd2%22%20fill-opacity=%220.55%22%20transform=%22rotate%28300.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%2272%22%20rx=%2234%22%20ry=%2262%22%20fill=%22%23fbefd2%22%20fill-opacity=%220.55%22%20transform=%22rotate%28330.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%2290%22%20rx=%2230%22%20ry=%2252%22%20fill=%22%23f6e2b8%22%20fill-opacity=%220.7%22%20transform=%22rotate%2818.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%2290%22%20rx=%2230%22%20ry=%2252%22%20fill=%22%23f6e2b8%22%20fill-opacity=%220.7%22%20transform=%22rotate%2854.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%2290%22%20rx=%2230%22%20ry=%2252%22%20fill=%22%23f6e2b8%22%20fill-opacity=%220.7%22%20transform=%22rotate%2890.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%2290%22%20rx=%2230%22%20ry=%2252%22%20fill=%22%23f6e2b8%22%20fill-opacity=%220.7%22%20transform=%22rotate%28126.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%2290%22%20rx=%2230%22%20ry=%2252%22%20fill=%22%23f6e2b8%22%20fill-opacity=%220.7%22%20transform=%22rotate%28162.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%2290%22%20rx=%2230%22%20ry=%2252%22%20fill=%22%23f6e2b8%22%20fill-opacity=%220.7%22%20transform=%22rotate%28198.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%2290%22%20rx=%2230%22%20ry=%2252%22%20fill=%22%23f6e2b8%22%20fill-opacity=%220.7%22%20transform=%22rotate%28234.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%2290%22%20rx=%2230%22%20ry=%2252%22%20fill=%22%23f6e2b8%22%20fill-opacity=%220.7%22%20transform=%22rotate%28270.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%2290%22%20rx=%2230%22%20ry=%2252%22%20fill=%22%23f6e2b8%22%20fill-opacity=%220.7%22%20transform=%22rotate%28306.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%2290%22%20rx=%2230%22%20ry=%2252%22%20fill=%22%23f6e2b8%22%20fill-opacity=%220.7%22%20transform=%22rotate%28342.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%22106%22%20rx=%2226%22%20ry=%2242%22%20fill=%22%23f3d9a6%22%20fill-opacity=%220.85%22%20transform=%22rotate%289.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%22106%22%20rx=%2226%22%20ry=%2242%22%20fill=%22%23f3d9a6%22%20fill-opacity=%220.85%22%20transform=%22rotate%2854.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%22106%22%20rx=%2226%22%20ry=%2242%22%20fill=%22%23f3d9a6%22%20fill-opacity=%220.85%22%20transform=%22rotate%2899.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%22106%22%20rx=%2226%22%20ry=%2242%22%20fill=%22%23f3d9a6%22%20fill-opacity=%220.85%22%20transform=%22rotate%28144.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%22106%22%20rx=%2226%22%20ry=%2242%22%20fill=%22%23f3d9a6%22%20fill-opacity=%220.85%22%20transform=%22rotate%28189.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%22106%22%20rx=%2226%22%20ry=%2242%22%20fill=%22%23f3d9a6%22%20fill-opacity=%220.85%22%20transform=%22rotate%28234.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%22106%22%20rx=%2226%22%20ry=%2242%22%20fill=%22%23f3d9a6%22%20fill-opacity=%220.85%22%20transform=%22rotate%28279.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%22106%22%20rx=%2226%22%20ry=%2242%22%20fill=%22%23f3d9a6%22%20fill-opacity=%220.85%22%20transform=%22rotate%28324.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%22124%22%20rx=%2220%22%20ry=%2230%22%20fill=%22%23eed39a%22%20fill-opacity=%220.95%22%20transform=%22rotate%280.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%22124%22%20rx=%2220%22%20ry=%2230%22%20fill=%22%23eed39a%22%20fill-opacity=%220.95%22%20transform=%22rotate%2860.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%22124%22%20rx=%2220%22%20ry=%2230%22%20fill=%22%23eed39a%22%20fill-opacity=%220.95%22%20transform=%22rotate%28120.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%22124%22%20rx=%2220%22%20ry=%2230%22%20fill=%22%23eed39a%22%20fill-opacity=%220.95%22%20transform=%22rotate%28180.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%22124%22%20rx=%2220%22%20ry=%2230%22%20fill=%22%23eed39a%22%20fill-opacity=%220.95%22%20transform=%22rotate%28240.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%22124%22%20rx=%2220%22%20ry=%2230%22%20fill=%22%23eed39a%22%20fill-opacity=%220.95%22%20transform=%22rotate%28300.0%20150%20150%29%22/%3E%3Ccircle%20cx=%22150%22%20cy=%22150%22%20r=%2214%22%20fill=%22%23eed39a%22/%3E%3C/g%3E%3C/svg%3E")}
.deco.pink::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20300%20300%22%3E%3Cdefs%3E%3Cfilter%20id=%22b%22%3E%3CfeGaussianBlur%20stdDeviation=%222.2%22/%3E%3C/filter%3E%3C/defs%3E%3Cg%20filter=%22url%28%23b%29%22%3E%3Cellipse%20cx=%22150%22%20cy=%2272%22%20rx=%2234%22%20ry=%2262%22%20fill=%22%23fbd5df%22%20fill-opacity=%220.55%22%20transform=%22rotate%280.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%2272%22%20rx=%2234%22%20ry=%2262%22%20fill=%22%23fbd5df%22%20fill-opacity=%220.55%22%20transform=%22rotate%2830.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%2272%22%20rx=%2234%22%20ry=%2262%22%20fill=%22%23fbd5df%22%20fill-opacity=%220.55%22%20transform=%22rotate%2860.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%2272%22%20rx=%2234%22%20ry=%2262%22%20fill=%22%23fbd5df%22%20fill-opacity=%220.55%22%20transform=%22rotate%2890.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%2272%22%20rx=%2234%22%20ry=%2262%22%20fill=%22%23fbd5df%22%20fill-opacity=%220.55%22%20transform=%22rotate%28120.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%2272%22%20rx=%2234%22%20ry=%2262%22%20fill=%22%23fbd5df%22%20fill-opacity=%220.55%22%20transform=%22rotate%28150.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%2272%22%20rx=%2234%22%20ry=%2262%22%20fill=%22%23fbd5df%22%20fill-opacity=%220.55%22%20transform=%22rotate%28180.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%2272%22%20rx=%2234%22%20ry=%2262%22%20fill=%22%23fbd5df%22%20fill-opacity=%220.55%22%20transform=%22rotate%28210.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%2272%22%20rx=%2234%22%20ry=%2262%22%20fill=%22%23fbd5df%22%20fill-opacity=%220.55%22%20transform=%22rotate%28240.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%2272%22%20rx=%2234%22%20ry=%2262%22%20fill=%22%23fbd5df%22%20fill-opacity=%220.55%22%20transform=%22rotate%28270.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%2272%22%20rx=%2234%22%20ry=%2262%22%20fill=%22%23fbd5df%22%20fill-opacity=%220.55%22%20transform=%22rotate%28300.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%2272%22%20rx=%2234%22%20ry=%2262%22%20fill=%22%23fbd5df%22%20fill-opacity=%220.55%22%20transform=%22rotate%28330.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%2290%22%20rx=%2230%22%20ry=%2252%22%20fill=%22%23f7bccb%22%20fill-opacity=%220.7%22%20transform=%22rotate%2818.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%2290%22%20rx=%2230%22%20ry=%2252%22%20fill=%22%23f7bccb%22%20fill-opacity=%220.7%22%20transform=%22rotate%2854.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%2290%22%20rx=%2230%22%20ry=%2252%22%20fill=%22%23f7bccb%22%20fill-opacity=%220.7%22%20transform=%22rotate%2890.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%2290%22%20rx=%2230%22%20ry=%2252%22%20fill=%22%23f7bccb%22%20fill-opacity=%220.7%22%20transform=%22rotate%28126.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%2290%22%20rx=%2230%22%20ry=%2252%22%20fill=%22%23f7bccb%22%20fill-opacity=%220.7%22%20transform=%22rotate%28162.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%2290%22%20rx=%2230%22%20ry=%2252%22%20fill=%22%23f7bccb%22%20fill-opacity=%220.7%22%20transform=%22rotate%28198.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%2290%22%20rx=%2230%22%20ry=%2252%22%20fill=%22%23f7bccb%22%20fill-opacity=%220.7%22%20transform=%22rotate%28234.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%2290%22%20rx=%2230%22%20ry=%2252%22%20fill=%22%23f7bccb%22%20fill-opacity=%220.7%22%20transform=%22rotate%28270.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%2290%22%20rx=%2230%22%20ry=%2252%22%20fill=%22%23f7bccb%22%20fill-opacity=%220.7%22%20transform=%22rotate%28306.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%2290%22%20rx=%2230%22%20ry=%2252%22%20fill=%22%23f7bccb%22%20fill-opacity=%220.7%22%20transform=%22rotate%28342.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%22106%22%20rx=%2226%22%20ry=%2242%22%20fill=%22%23f2a3b8%22%20fill-opacity=%220.85%22%20transform=%22rotate%289.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%22106%22%20rx=%2226%22%20ry=%2242%22%20fill=%22%23f2a3b8%22%20fill-opacity=%220.85%22%20transform=%22rotate%2854.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%22106%22%20rx=%2226%22%20ry=%2242%22%20fill=%22%23f2a3b8%22%20fill-opacity=%220.85%22%20transform=%22rotate%2899.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%22106%22%20rx=%2226%22%20ry=%2242%22%20fill=%22%23f2a3b8%22%20fill-opacity=%220.85%22%20transform=%22rotate%28144.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%22106%22%20rx=%2226%22%20ry=%2242%22%20fill=%22%23f2a3b8%22%20fill-opacity=%220.85%22%20transform=%22rotate%28189.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%22106%22%20rx=%2226%22%20ry=%2242%22%20fill=%22%23f2a3b8%22%20fill-opacity=%220.85%22%20transform=%22rotate%28234.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%22106%22%20rx=%2226%22%20ry=%2242%22%20fill=%22%23f2a3b8%22%20fill-opacity=%220.85%22%20transform=%22rotate%28279.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%22106%22%20rx=%2226%22%20ry=%2242%22%20fill=%22%23f2a3b8%22%20fill-opacity=%220.85%22%20transform=%22rotate%28324.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%22124%22%20rx=%2220%22%20ry=%2230%22%20fill=%22%23ec8ea8%22%20fill-opacity=%220.95%22%20transform=%22rotate%280.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%22124%22%20rx=%2220%22%20ry=%2230%22%20fill=%22%23ec8ea8%22%20fill-opacity=%220.95%22%20transform=%22rotate%2860.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%22124%22%20rx=%2220%22%20ry=%2230%22%20fill=%22%23ec8ea8%22%20fill-opacity=%220.95%22%20transform=%22rotate%28120.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%22124%22%20rx=%2220%22%20ry=%2230%22%20fill=%22%23ec8ea8%22%20fill-opacity=%220.95%22%20transform=%22rotate%28180.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%22124%22%20rx=%2220%22%20ry=%2230%22%20fill=%22%23ec8ea8%22%20fill-opacity=%220.95%22%20transform=%22rotate%28240.0%20150%20150%29%22/%3E%3Cellipse%20cx=%22150%22%20cy=%22124%22%20rx=%2220%22%20ry=%2230%22%20fill=%22%23ec8ea8%22%20fill-opacity=%220.95%22%20transform=%22rotate%28300.0%20150%20150%29%22/%3E%3Ccircle%20cx=%22150%22%20cy=%22150%22%20r=%2214%22%20fill=%22%23ec8ea8%22/%3E%3C/g%3E%3C/svg%3E")}
.deco.has-photo::after{display:none}
.decoimg{position:absolute;right:-70px;bottom:-80px;width:380px;height:380px;background-size:contain;background-repeat:no-repeat;background-position:center;pointer-events:none;z-index:0;mix-blend-mode:multiply;-webkit-mask:radial-gradient(circle at 52% 52%,#000 38%,transparent 68%);mask:radial-gradient(circle at 52% 52%,#000 38%,transparent 68%)}
:root[data-theme="dark"] .decoimg{opacity:.28}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .decoimg{opacity:.28}}
:root[data-theme="dark"] .deco::after{opacity:.16}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .deco::after{opacity:.16}}
.pdp-bottom{margin-bottom:24px!important}.pdp-bottom .desc{max-width:78ch;margin:0;font-size:18px;line-height:1.6}
.variants{margin:14px 0 0;color:var(--mute);font-size:16px}.variants a{display:table;margin:7px 0 0;color:var(--gold-ink);font-weight:600;text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--gold) 50%,transparent)}
@media (max-width:900px){.decoimg{width:230px;height:230px;right:-60px;bottom:-70px;opacity:.38}.deco::after{width:230px;height:230px;right:-60px;bottom:-70px;opacity:.5}}
@media (max-width:1000px){.pdp-cards{grid-template-columns:minmax(0,1fr)}.note-row{grid-template-columns:220px 1fr;gap:20px}.nt{width:220px;height:76px}}
@media (max-width:900px){
  .pdp{grid-template-columns:minmax(0,1fr);gap:0}.pdp-left{order:2;margin:20px 0}.pdp-right{order:1;gap:14px}
  .tagline{max-width:none}.pills{margin-left:0}
}
@media (max-width:560px){.note-row{grid-template-columns:132px 1fr;gap:14px}.nt{width:132px;height:62px}.note-row h3{font-size:18px}.note-row p{font-size:16px}.props{grid-template-columns:110px 1fr}.pdp-wrap .card{padding:22px 20px}}
@media (prefers-reduced-motion:reduce){.stage .glass{animation:none}}

/* a márka összes parfümje (felugró ablak) */
.brand-dlg{width:min(960px,94vw);max-height:88vh;padding:0;border:1px solid var(--line);border-radius:22px;background:var(--bg);color:var(--ink);box-shadow:0 30px 80px rgba(0,0,0,.35)}
.brand-dlg::backdrop{background:rgba(20,14,6,.55)}
.bd-in{position:relative;padding:28px 28px 30px}
.bd-x{position:absolute;top:14px;right:14px;margin:0}.bd-x button{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--ink);font-size:24px;line-height:1}
.bd-x button:hover{border-color:var(--ink)}
.brand-dlg h2{font:600 clamp(28px,4vw,40px)/1.1 var(--serif);letter-spacing:.06em;text-transform:uppercase;margin:0 48px 4px 0}
.bd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin-top:18px}
.bd-tile{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel)}
.bd-tile.cur{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}
.bd-main{display:flex;flex-direction:column;gap:2px;text-decoration:none}.bd-main b{font:600 20px/1.2 var(--serif)}.bd-main small{color:var(--mute)}.bd-main:hover b{color:var(--gold-ink)}
.bd-img{display:grid;place-items:center;height:130px;margin-bottom:6px;border-radius:12px;background:var(--panel-2);overflow:hidden}
.bd-img img{max-height:118px;max-width:100%;object-fit:contain}.bd-img img.scene{width:100%;height:100%;max-height:none;object-fit:cover}
.bd-var{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto}
.bd-var a{padding:2px 9px;border:1px solid var(--line);border-radius:99px;font-size:11.5px;font-weight:600;letter-spacing:.03em;text-decoration:none;color:var(--mute)}
.bd-var a:hover{border-color:var(--ink);color:var(--ink)}.bd-var a.on{border-color:color-mix(in srgb,var(--ok) 55%,var(--line))}.bd-var a.off{border-color:color-mix(in srgb,var(--no) 45%,var(--line))}
.bd-var a.here{background:var(--ink);color:var(--bg);border-color:var(--ink)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .bd-img img:not(.scene){background:#e9e1d2;border-radius:8px;padding:3px}}
:root[data-theme="dark"] .bd-img img:not(.scene){background:#e9e1d2;border-radius:8px;padding:3px}
@media (max-width:560px){.bd-in{padding:22px 16px 24px}.bd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* kattintható szavak (leírás, idézet, jellemzők) és szűrősáv */
.nl{color:inherit;text-decoration:none;border-bottom:1px dotted color-mix(in srgb,currentColor 45%,transparent)}.nl:hover{color:var(--gold-ink);border-bottom-color:var(--gold)}
.note-row h3 a{color:inherit;text-decoration:none;border-bottom:1px dotted transparent}.note-row h3 a:hover{border-bottom-color:var(--gold)}
a.np{display:block}
.filterbar{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;margin:-4px 0 16px;padding:9px 18px;border:1px solid var(--gold);border-radius:99px;background:color-mix(in srgb,var(--gold) 10%,transparent);width:fit-content;max-width:100%}
.filterbar a{color:var(--gold-ink);font-weight:600;text-decoration:none;white-space:nowrap}

/* kedvenc és várólista gombok */
.mk{display:inline-block;margin:0}
.heart{width:34px;height:34px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--mute);display:inline-grid;place-items:center;cursor:pointer;vertical-align:middle}
.heart svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.heart:hover{color:#c0392b}.heart.on{color:#c0392b}.heart.on svg{fill:currentColor}
.wbtn{padding:6px 14px;border:1px solid var(--gold);border-radius:99px;background:transparent;color:var(--gold-ink);font:600 13px/1.3 var(--sans);white-space:nowrap;cursor:pointer}
.wbtn:hover{background:color-mix(in srgb,var(--gold) 14%,transparent)}.wbtn.on{background:var(--gold);color:#fff;border-color:var(--gold)}
:root[data-theme="dark"] .wbtn.on{color:#1b150a}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .wbtn.on{color:#1b150a}}
.pills .heart{width:31px;height:31px;border:1px solid var(--line);background:var(--panel)}.pills .heart svg{width:17px;height:17px}
.pills .wbtn{padding:7px 13px;font-size:13px}
.grid td .mk{margin:0}.grid .heart{width:30px;height:30px}.grid .heart svg{width:20px;height:20px}
.mut{color:var(--mute);font-size:12.5px}

/* termék-sorok (várólista, kedvencek, keresési találatok) */
.mrow{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:16px;align-items:center;padding:12px 0}
.mthumb{display:block;width:64px;height:64px;border-radius:12px;overflow:hidden;background:var(--panel-2)}.mthumb img{width:100%;height:100%;object-fit:contain;padding:4px}.mthumb.scene img{object-fit:cover;padding:0}
.minfo{min-width:0}.mname{display:block;font:700 19px/1.2 var(--serif);color:var(--ink);text-decoration:none}.mname:hover{color:var(--gold-ink)}.msub{display:block;color:var(--mute);font-size:13.5px;margin-top:2px}
.mact{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px 10px}
@media (max-width:640px){.mrow{grid-template-columns:52px minmax(0,1fr)}.mthumb{width:52px;height:52px}.mact{grid-column:1/-1;justify-content:flex-start}}

/* parfüm-ajánló */
.ajx{display:grid;grid-template-columns:minmax(0,4fr) minmax(280px,1fr);gap:22px;align-items:start;margin:0 0 22px}
.chooser{display:grid;gap:14px;min-width:0}
.crow{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;padding:16px 20px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel);box-shadow:var(--shadow)}
.chead h3{margin:0 0 3px;font:700 19px/1.2 var(--sans);letter-spacing:0;text-transform:none;color:var(--ink)}
.cbody{min-width:0;display:grid;gap:10px}
.cpal{display:grid;gap:8px}
.cfilter{width:100%;max-width:260px;padding:7px 12px;border:1px solid var(--line);border-radius:99px;background:var(--bg);color:var(--ink);font:inherit;font-size:14px}
.cscroll{max-height:200px;overflow:auto;display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px;padding:2px}
.chip{display:inline-block;padding:5px 12px;border:1px solid var(--line);border-radius:99px;background:var(--panel);color:var(--ink);text-decoration:none;font-size:14px;white-space:nowrap}
.chip small{color:var(--mute);margin-left:3px;font-size:11.5px}.chip:hover{border-color:var(--gold)}.chip.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.chip.on small{color:inherit;opacity:.7}
.cslot{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;min-height:40px;padding:8px 12px;border:1px dashed color-mix(in srgb,var(--gold) 60%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--gold) 7%,transparent)}
.cslot.empty{border-color:var(--line);background:transparent}.slot-empty{color:var(--mute);font-style:italic}
.cslot.opts{border:0;background:transparent;padding:0}.sep{width:1px;height:22px;background:var(--line);margin:0 4px}
.results h2{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px}.results .clear{font:600 13px var(--sans);color:var(--gold-ink);text-decoration:none;margin-left:auto}
.rsub{margin:22px 0 4px}
.match{display:block;color:var(--mute);font-size:12.5px;line-height:1.35}.match b{color:var(--gold-ink)}
@media (max-width:760px){.crow{grid-template-columns:minmax(0,1fr);gap:8px}}

/* az ajánló jobb oldali, élő találati listája (a választó : lista = 4 : 1) */
.results{position:sticky;top:84px;max-height:calc(100vh - 104px);overflow:auto;padding:14px 14px 16px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel);box-shadow:var(--shadow)}
.results h2{margin:0 0 6px;font:700 18px/1.2 var(--sans)}.results h2 small{font:500 13px var(--sans);color:var(--mute)}
.results .hint{font-size:13.5px;margin:0 0 10px}.results .rsub{font:700 14px var(--sans);margin:16px 0 6px}
.results .bd-grid{grid-template-columns:1fr;gap:8px;margin-top:8px}
.results .bd-tile{display:block;padding:8px 10px;gap:0}
.results .bd-main{display:grid;grid-template-columns:54px minmax(0,1fr);column-gap:10px;align-items:center}
.results .bd-img{grid-row:1/3;height:54px;margin:0;border-radius:8px}.results .bd-img img{max-height:48px}
.results .bd-main b{font-size:16px;align-self:end}.results .bd-main small{align-self:start}
.results .match,.results .bd-var{margin-left:64px}.results .bd-var{margin-top:4px}
@media (max-width:980px){.ajx{grid-template-columns:minmax(0,1fr)}.results{position:static;max-height:none}}

/* üzenet az adminnak (GGHungary-minta: bal oldalon új üzenet, jobb oldalon a beszélgetések) */
.nbadge{display:inline-block;min-width:18px;height:18px;margin-left:6px;padding:0 5px;border-radius:99px;background:#c0392b;color:#fff;font:700 11px/18px var(--sans);text-align:center;vertical-align:middle}
.msgs{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:18px;align-items:start}
.msgs .card{margin:0}.msgs h2{margin:0 0 12px;font:700 20px/1.2 var(--sans)}
.msgs textarea{display:block;width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--bg);color:var(--ink);font:inherit;line-height:1.5;resize:vertical}
.msgs textarea:focus{outline:2px solid var(--gold);outline-offset:1px}
.hp{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden}
.pill.wait{background:color-mix(in srgb,var(--gold) 20%,transparent);color:var(--gold-ink)}.pill.gray{background:var(--panel-2);color:var(--mute)}
.thread{display:flex;gap:14px;justify-content:space-between;align-items:center;padding:12px 14px;margin:0 -14px;border-radius:12px;color:inherit;text-decoration:none}
.thread:hover{background:var(--panel-2)}
.thread .tmain{display:grid;gap:2px;min-width:0}.thread .snip{color:var(--mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.thread.new .snip{color:var(--ink);font-weight:600}
.thread .tmeta{display:grid;gap:4px;justify-items:end;flex:none;font-size:12.5px;color:var(--mute)}
.msghead{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.msghead a{color:var(--gold-ink);text-decoration:none;font-weight:600}
.chat{display:flex;flex-direction:column;gap:10px;max-height:56vh;overflow:auto;padding:4px 2px 12px}
.bubble{max-width:82%;padding:10px 14px;border-radius:16px;border:1px solid var(--line);background:var(--panel-2)}
.bubble p{margin:2px 0 4px;white-space:normal;overflow-wrap:anywhere}.bubble .who{font:700 12px var(--sans);color:var(--mute)}.bubble time{display:block;font-size:11.5px;color:var(--mute);opacity:.85}
.bubble.me{align-self:flex-end;background:var(--ink);color:var(--bg);border-color:var(--ink)}.bubble.me .who,.bubble.me time{color:inherit;opacity:.7}
.reply{margin-top:12px}.reply .btn,.msgnew .btn{margin-top:12px;width:100%}
.msgtools{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.msgtools form{margin:0}.btn.warn-text{color:var(--no)}
@media (max-width:900px){.msgs{grid-template-columns:minmax(0,1fr)}.bubble{max-width:94%}}

/* ajánló: kép nélküli, tömör találati lista készlet-jelzéssel */
.results .bd-tile{position:relative;padding:8px 10px 8px 14px;border-left:4px solid var(--no)}.results .bd-tile.in{border-left-color:var(--ok)}
.results .bd-main{display:block}.results .bd-main b{font-size:16px;line-height:1.25;display:block}.results .bd-main small{display:block}
.results .match,.results .bd-var{margin-left:0}.results .bd-var{margin-top:5px}
.stk{display:inline-block;margin:3px 0 1px;padding:1px 9px;border-radius:99px;font:700 11.5px/1.5 var(--sans)}
.stk.ok{background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok)}.stk.no{background:color-mix(in srgb,var(--no) 14%,transparent);color:var(--no)}
.results .bd-var a.on{color:var(--ok)}.results .bd-var a.off{color:var(--no)}

/* lista / csempe nézet (assets/nezet.js) */
.hasview{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px}.viewhost{margin-left:auto}
.viewtoggle{display:inline-flex;border:1px solid var(--line);border-radius:99px;overflow:hidden;background:var(--panel);font:600 13px var(--sans)}
.viewtoggle button{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:0;background:transparent;color:var(--mute);cursor:pointer;font:inherit}
.viewtoggle button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.viewtoggle button[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
/* csempe: Várólista és Kedvencek */
.mlist[data-view="tiles"]{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px;margin-top:12px}
.mlist[data-view="tiles"] .mrow{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:10px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel)}
.mlist[data-view="tiles"] .mthumb{width:100%;height:120px;border-radius:10px}
.mlist[data-view="tiles"] .mname{font-size:16px}.mlist[data-view="tiles"] .msub{font-size:12.5px}
.mlist[data-view="tiles"] .mact{justify-content:flex-start;margin-top:auto;font-size:12.5px}
/* csempe: Parfümök (a táblázat sorai csempévé alakulnak: kép, név, márka és szám, készlet, kedvenc, várólista) */
.scroll[data-view="tiles"]{overflow:visible}
.scroll[data-view="tiles"] table.grid,.scroll[data-view="tiles"] tbody{display:block;min-width:0;width:auto}
.scroll[data-view="tiles"] thead{display:none}
.scroll[data-view="tiles"] tbody{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px}
.scroll[data-view="tiles"] tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"img img" "name name" "brand num" "stock stock";position:relative;gap:6px 8px;min-width:0;align-items:center;padding:10px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel)}
.scroll[data-view="tiles"] td{display:none;padding:0;border:0;white-space:normal}
.scroll[data-view="tiles"] td:nth-child(1),.scroll[data-view="tiles"] td:nth-child(2),.scroll[data-view="tiles"] td:nth-child(3),.scroll[data-view="tiles"] td:nth-child(5),
.scroll[data-view="tiles"] td:nth-child(6),.scroll[data-view="tiles"] td:nth-child(11),.scroll[data-view="tiles"] td:nth-child(12){display:block}
.scroll[data-view="tiles"] td:nth-child(1){grid-area:img}.scroll[data-view="tiles"] td:nth-child(6){grid-area:name;font:700 16px/1.25 var(--serif)}
.scroll[data-view="tiles"] td:nth-child(5){grid-area:brand;color:var(--mute);font-size:12.5px}
.scroll[data-view="tiles"] td:nth-child(3){grid-area:num;font-size:12.5px;color:var(--mute)}.scroll[data-view="tiles"] td:nth-child(3)::before{content:"FM "}
.scroll[data-view="tiles"] td:nth-child(11){grid-area:stock}.scroll[data-view="tiles"] td:nth-child(2){grid-area:fav}.scroll[data-view="tiles"] td:nth-child(12){grid-area:wait}
.scroll[data-view="tiles"] .thumb{width:100%;height:120px;border-radius:10px;object-fit:contain;background:var(--panel-2)}.scroll[data-view="tiles"] .thumb.scene{object-fit:cover}
.scroll[data-view="tiles"] tbody tr:hover{background:var(--panel)}
.scroll[data-view="tiles"] tbody tr:has(td.empty){display:block}.scroll[data-view="tiles"] td.empty{display:block}
@media (max-width:640px){.viewtoggle button{padding:6px 10px}.mlist[data-view="tiles"],.scroll[data-view="tiles"] tbody{grid-template-columns:repeat(2,minmax(0,1fr))}}
.scroll[data-view="tiles"] tbody tr:has(td:nth-child(6):empty) td:nth-child(4){display:block;grid-area:name;font:700 15px/1.25 var(--serif)}
.scroll[data-view="tiles"] tbody tr:has(td:nth-child(6):empty) td:nth-child(6){display:none}

.scroll[data-view="tiles"] td{min-width:0;overflow-wrap:anywhere}
.scroll[data-view="tiles"] td:nth-child(12):not(:has(.mk)){display:none}
.scroll[data-view="tiles"] td:nth-child(12) .wbtn{width:100%}
.scroll[data-view="tiles"] td:nth-child(11) .pill{font-size:0;padding:2px 10px}
.scroll[data-view="tiles"] td:nth-child(11) .pill::after{font-size:12px;font-weight:700}
.scroll[data-view="tiles"] td:nth-child(11) .pill.ok::after{content:"Készleten"}.scroll[data-view="tiles"] td:nth-child(11) .pill.no::after{content:"Készlethiány"}

/* egybe építt (szegmentált) választó: a kiválasztott elem „kiemelkedik” a közös sávból */
.seg{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;border:1px solid var(--line);border-radius:99px;background:var(--panel-2);vertical-align:middle}
.seg a,.seg .chip,.viewtoggle button{border:0;background:transparent;color:var(--mute);border-radius:99px;font-weight:600}
.chips .seg a{padding:6px 16px;font-size:14px;text-decoration:none}
.chips .seg a:hover,.seg .chip:hover{border:0;color:var(--ink)}
.chips .seg a.on,.seg .chip.on,.viewtoggle button[aria-pressed="true"]{background:var(--panel);color:var(--ink);font-weight:700;box-shadow:0 1px 4px rgba(0,0,0,.22)}
.seg .chip{padding:6px 16px}
.cslot.opts{gap:10px 14px}.cslot.opts .seg .chip{font-size:14px}
.viewtoggle{padding:3px;gap:2px;background:var(--panel-2);overflow:visible}

/* ajánlás oka: melyik menü és melyik szó miatt jelenik meg az illat */
.why{display:block;margin-top:4px;font-size:12.5px;line-height:1.7;color:var(--mute)}.why b{color:var(--gold-ink)}
.why-i{display:inline-block;margin:0 4px 2px 0;padding:0 8px;border-radius:99px;background:color-mix(in srgb,var(--gold) 14%,transparent);color:var(--ink);white-space:nowrap}.why-i i{font-style:normal;color:var(--mute)}
.why-no{color:var(--no)}.why-no ~ .why-i{background:color-mix(in srgb,var(--no) 10%,transparent)}
.results .why{margin-left:0}

/* adatlap: a Termékjellemzők a jobb oszlopban, az Illatjegyek teljes szélességben, a három szint egymás mellett */
.pdp-right .pdp-props{padding:20px 26px;margin:0}.pdp-right .pdp-props h2{font-size:22px;margin:0 0 6px}.pdp-right .pdp-props .props{max-width:none;grid-template-columns:130px 1fr}.pdp-right .pdp-props .props dt,.pdp-right .pdp-props .props dd{padding:7px 0;font-size:16px}
.pdp-right .pdp-props .decoimg{width:260px;height:260px;right:-50px;bottom:-60px}
.pdp-right .buy{margin-top:0}.pdp-right{justify-content:space-between}
.notes3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.notes3 .note-row{display:block;padding:0}.notes3 .nt{width:100%;height:150px;margin-bottom:12px}
.notes3 .note-row h3{margin:0 0 8px}.notes3 .note-row p{font-size:16px}
@media (max-width:900px){.notes3{grid-template-columns:minmax(0,1fr);gap:18px}.notes3 .note-row{display:grid;grid-template-columns:220px 1fr;gap:20px;padding:7px 0}.notes3 .nt{width:220px;height:76px;margin:0}}
@media (max-width:560px){.notes3 .note-row{grid-template-columns:132px 1fr;gap:14px}.notes3 .nt{width:132px;height:62px}}

/* a szív mindig a kép jobb felső sarkában van (csempe nézet), a „Készlethiány” felirat sehol nem törik */
.pill,.stk,.st-pill,.wbtn{white-space:nowrap}
.scroll[data-view="tiles"] td:nth-child(2){position:absolute;top:16px;right:16px;z-index:2;grid-area:auto}
.scroll[data-view="tiles"] td:nth-child(2) .heart,.mlist[data-view="tiles"] .mact .mk:has(.heart) .heart{width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,253,248,.92);box-shadow:0 1px 5px rgba(0,0,0,.25);color:var(--ink)}
.scroll[data-view="tiles"] td:nth-child(2) .heart.on,.mlist[data-view="tiles"] .mact .heart.on{color:#c0392b}
.scroll[data-view="tiles"] td:nth-child(2) .heart svg,.mlist[data-view="tiles"] .mact .heart svg{width:19px;height:19px}
.mlist[data-view="tiles"] .mrow{position:relative}
.mlist[data-view="tiles"] .mact .mk:has(.heart){position:absolute;top:16px;right:16px;z-index:2;margin:0}
.scroll[data-view="tiles"] td:nth-child(11),.scroll[data-view="tiles"] td:nth-child(11) .pill{max-width:none}
.scroll[data-view="tiles"] td:nth-child(11) .pill.no::after{white-space:nowrap}
.mlist[data-view="tiles"] .mact .pill,.mlist[data-view="tiles"] .mact .mut,.mlist[data-view="tiles"] .mact small{white-space:nowrap}
.scroll[data-view="tiles"] td:nth-child(2) .heart[aria-pressed="true"],.mlist[data-view="tiles"] .mact .heart[aria-pressed="true"]{color:#c0392b}

/* csempe: a szív a kép BAL felső, a várólista-jelölő (pipa) a JOBB felső sarkában; így alul több hely marad */
.scroll[data-view="tiles"] td:nth-child(2){left:16px;right:auto}
.mlist[data-view="tiles"] .mact .mk:has(.heart){left:16px;right:auto}
.scroll[data-view="tiles"] td:nth-child(12):has(.mk){position:absolute;top:16px;right:16px;z-index:2;grid-area:auto}
.mlist[data-view="tiles"] .mact .mk:has(.wbtn){position:absolute;top:16px;right:16px;z-index:2;margin:0}
.scroll[data-view="tiles"] .wbtn,.mlist[data-view="tiles"] .wbtn{display:grid;place-items:center;width:34px;height:34px;padding:0;border-radius:50%;font-size:0;line-height:0;background:rgba(255,253,248,.92);border:1px solid var(--gold);box-shadow:0 1px 5px rgba(0,0,0,.25)}
.scroll[data-view="tiles"] .wbtn::before,.mlist[data-view="tiles"] .wbtn::before{content:"+";font:700 22px/1 var(--sans);color:var(--gold-ink)}
.scroll[data-view="tiles"] .wbtn.on,.mlist[data-view="tiles"] .wbtn.on{background:var(--gold);border-color:var(--gold);box-shadow:0 1px 5px rgba(0,0,0,.3)}
.scroll[data-view="tiles"] .wbtn.on::before,.mlist[data-view="tiles"] .wbtn.on::before{content:"✓";font-size:19px;color:#fff}
.scroll[data-view="tiles"] td:nth-child(12) .wbtn{width:34px}
.mlist[data-view="tiles"] .mact .mk:has(.heart) .heart[aria-pressed="true"],.scroll[data-view="tiles"] td:nth-child(2) .heart[aria-pressed="true"]{color:#c0392b}

/* piros „ÚJ" sáv az újonnan felvett parfümökön (NEW_PRODUCT_DAYS napig) */
.tw{display:block;position:relative;width:40px;height:40px}.mthumb{position:relative}
.newtag{position:absolute;left:0;right:0;bottom:0;background:#c8102e;color:#fff;font:800 8px/14px var(--sans,system-ui);letter-spacing:.1em;text-align:center;border-radius:0 0 8px 8px;z-index:2;pointer-events:none}
.newtag.inline{position:static;display:inline-block;margin-left:.5em;padding:0 .6em;border-radius:999px;font:800 .5em/1.9 var(--sans,system-ui);vertical-align:middle;white-space:nowrap}
.mthumb .newtag{font-size:9px;line-height:16px;border-radius:0}
.scroll[data-view="tiles"] .tw{width:100%;height:120px}.scroll[data-view="tiles"] .newtag{font-size:11px;line-height:20px;border-radius:0 0 10px 10px}
.mlist[data-view="tiles"] .mthumb .newtag{font-size:11px;line-height:20px}

/* piros ÚJ kategória */
.chips .seg a.newcat,.seg .chip.newcat{color:#c8102e;font-weight:800}
.chips .seg a.newcat.on,.seg .chip.newcat.on{background:#c8102e;color:#fff;box-shadow:0 1px 4px rgba(200,16,46,.4)}
.stat.newstat{border-color:#c8102e}.stat.newstat b,.stat.newstat span{color:#c8102e}

/* a saját várólistám csoportja a Parfümök oldal csempesora előtt */
.grouplabel{margin:14px 0 6px;color:var(--mute);font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.cards.mine .stat.on{border-color:var(--gold);box-shadow:0 0 0 2px rgba(180,140,60,.25)}
.cards.mine .mylink{display:flex;align-items:center;justify-content:center;text-align:center;border-style:dashed}.cards.mine .mylink span{color:var(--ink);font-weight:600}

/* a kijelölt (aktív) csempe: vastagabb keret + enyhe árnyék + kis pipa; a többi kicsit halványabb, hogy látszódjon, mi van most szűrve */
.cards .stat{position:relative;transition:opacity .15s,border-color .15s,box-shadow .15s}
.cards.hasact .stat:not(.active):not(.mylink){opacity:.72}.cards.hasact .stat:not(.active):hover{opacity:1}
.cards .stat.active{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink),0 4px 14px rgba(0,0,0,.10);opacity:1}
.cards .stat.active::after{content:"✓";position:absolute;top:9px;right:12px;font-weight:800;font-size:14px;color:var(--ink)}
.cards .stat.newstat.active{border-color:#c8102e;box-shadow:inset 0 0 0 1px #c8102e,0 4px 14px rgba(200,16,46,.18)}
.cards .stat.newstat.active::after{color:#c8102e}

/* számjelvények (GGHungary hírek mintájára): a szűrő gombjain és a lista címe mellett kis arany pirula */
.seg a .n{display:inline-block;margin-left:7px;min-width:22px;padding:1px 7px;border-radius:999px;font-size:11.5px;font-weight:800;line-height:1.5;text-align:center;background:rgba(180,140,60,.18);color:var(--gold-ink,#8a6420)}
.seg a.on .n{background:var(--ink);color:var(--bg)}
.seg a.newcat .n{background:rgba(200,16,46,.12);color:#c8102e}.seg a.newcat.on .n{background:#c8102e;color:#fff}
h2 .cnt{display:inline-block;vertical-align:middle;margin-left:8px;padding:2px 11px;border-radius:999px;font-size:.75rem;font-weight:800;background:rgba(180,140,60,.18);color:var(--gold-ink,#8a6420)}

/* a számjelvény a felirat jobb felső sarkában, piros körben (mint a GGHungary „Hírek" jelvénye) */
.chips{padding-top:6px}
.chips .seg a{position:relative;padding:6px 24px 6px 16px}
.seg a .n,.seg a.on .n,.seg a.newcat .n,.seg a.newcat.on .n{position:absolute;top:-6px;right:2px;margin:0;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#d0432a;color:#fff;font-size:10.5px;font-weight:800;line-height:19px;text-align:center;box-shadow:0 0 0 2px var(--panel-2)}
.seg a.on .n{box-shadow:0 0 0 2px var(--panel)}
.chips .seg a{padding:6px 32px 6px 14px}
.seg a .n,.seg a.on .n,.seg a.newcat .n,.seg a.newcat.on .n{right:3px;top:-7px}
/* pasztell számjelvény (halvány arany; az ÚJ halvány piros) */
.seg a .n,.seg a.on .n{background:#f0e1bd;color:var(--gold-ink,#7f5517);box-shadow:0 0 0 2px var(--panel-2)}
.seg a.on .n{background:#e9d3a0;box-shadow:0 0 0 2px var(--panel)}
.seg a.newcat .n,.seg a.newcat.on .n{background:#f6d6db;color:#c8102e}
.seg a.newcat.on .n{background:#fff;box-shadow:0 0 0 2px #c8102e}

/* Nem és Készlet egy sorban; halványabb számjelvény (kisebb kontraszt) */
.chiprow{display:flex;flex-wrap:wrap;gap:0 40px}
.seg a .n{background:#f6ecd5;color:#a58850;box-shadow:0 0 0 2px var(--panel-2)}
.seg a.on .n{background:#f1e4c3;color:#92733d;box-shadow:0 0 0 2px var(--panel)}
.seg a.newcat .n{background:#f9e3e6;color:#d0606f}
.seg a.newcat.on .n{background:#fff;color:#c8102e;box-shadow:0 0 0 2px #c8102e}