:root{--blue:#1266dc;--blue2:#084aaa;--ink:#182236;--muted:#6f7c91;--line:#e3eaf4;--bg:#f5f8fc;--card:#fff;--ok:#14804a;--warn:#a96700;--danger:#b42318;--shadow:0 10px 30px rgba(31,55,92,.08)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}.wrap{width:min(1180px,calc(100% - 28px));margin:auto}.topbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.topbar-inner{min-height:62px;display:flex;align-items:center;gap:24px}.brand{font-weight:800;color:var(--blue2);text-decoration:none;white-space:nowrap}.topbar nav{display:flex;gap:16px;flex:1}.topbar nav a{color:#33415c;text-decoration:none;font-weight:650}.langs{display:flex;gap:7px}.lang{display:flex;gap:5px;align-items:center;padding:7px 9px;border-radius:9px;text-decoration:none;color:#47536a;border:1px solid transparent}.lang.active{background:#edf5ff;border-color:#cfe1fb;color:var(--blue2)}
.hero{margin:18px 0 24px;border-radius:18px;overflow:hidden;background:white;box-shadow:var(--shadow);border:1px solid var(--line)}.hero img{display:block;width:100%;height:auto;max-height:270px;object-fit:cover}.intro{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:32px}.panel,.card{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.panel{padding:20px}.panel h1,.panel h2,.panel h3{margin-top:0}.legal{font-size:.93rem;color:#59667c}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:28px 0 14px}.section-head h2{margin:0}.muted{color:var(--muted)}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-card{overflow:hidden}.product-card .image{aspect-ratio:4/3;background:#fff;display:flex;align-items:center;justify-content:center;padding:14px;overflow:hidden}.product-card img{width:100%;height:100%;object-fit:contain;object-position:center;transition:.2s transform}.product-card:hover img{transform:scale(1.02)}.product-body{padding:16px}.product-title{font-size:1.08rem;font-weight:800;margin:0 0 5px}.product-title a{text-decoration:none;color:var(--ink)}.price{font-size:1.25rem;font-weight:850;color:var(--blue2)}.meta-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:.78rem;font-weight:800}.badge.active{background:#e7f7ef;color:var(--ok)}.badge.reserved{background:#fff3d7;color:var(--warn)}.badge.sold{background:#f1f2f4;color:#687184}.btn{appearance:none;border:0;border-radius:10px;padding:11px 16px;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:.95rem}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--blue2));color:white}.btn-light{background:#eef4fc;color:var(--blue2);border:1px solid #d8e5f6}.btn-danger{background:#fff0ef;color:var(--danger);border:1px solid #ffd7d3}.btn[disabled],.btn.disabled{opacity:.45;pointer-events:none}.actions{display:flex;flex-wrap:wrap;gap:10px}
.product-detail{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:24px;margin:24px 0}.gallery-main{border-radius:16px;overflow:hidden;background:white;border:1px solid var(--line)}.gallery-main img{display:block;width:100%;max-height:620px;object-fit:contain}.thumbs{display:flex;gap:8px;overflow:auto;margin-top:9px}.thumbs img{width:88px;height:68px;object-fit:cover;border-radius:9px;border:2px solid transparent;cursor:pointer}.thumbs img:hover{border-color:var(--blue)}.product-info{padding:22px}.product-info h1{margin:0 0 8px;line-height:1.2}.description{white-space:pre-wrap}.facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.fact{padding:10px 12px;border-radius:10px;background:#f7f9fc}.fact small{display:block;color:var(--muted)}
.form-card{max-width:760px;margin:26px auto;padding:22px}.field{margin-bottom:15px}.field label{display:block;font-weight:750;margin-bottom:6px}.input,.select,.textarea{width:100%;border:1px solid #cfd9e8;border-radius:10px;padding:11px 12px;font:inherit;background:white;color:var(--ink)}.textarea{min-height:140px;resize:vertical}.input:focus,.select:focus,.textarea:focus{outline:3px solid #d8e9ff;border-color:#8bb8f6}.checkbox{display:flex;gap:9px;align-items:flex-start}.flash{padding:12px 14px;border-radius:10px;margin:14px 0}.flash.success{background:#e9f8ef;color:#126c42}.flash.error{background:#fff0ef;color:#9e2820}.notice{padding:14px;border-left:4px solid var(--blue);background:#f1f7ff;border-radius:8px}
.thread{max-width:820px;margin:24px auto}.message{padding:15px 17px;border-radius:14px;margin:10px 0;max-width:85%;white-space:pre-wrap}.message.customer{background:#eaf3ff;margin-left:auto}.message.admin{background:white;border:1px solid var(--line)}.message.system{background:#f0f1f4;color:#596276;max-width:100%;font-size:.9rem}.message-meta{font-size:.76rem;color:#738095;margin-bottom:5px}.timeline{border-left:3px solid #cfe1f7;margin-left:8px;padding-left:18px}.event{position:relative;padding:2px 0 18px}.event:before{content:"";position:absolute;left:-25px;top:6px;width:11px;height:11px;border-radius:50%;background:var(--blue);border:3px solid white;box-shadow:0 0 0 1px #b8d2f4}.order-box{max-width:850px;margin:24px auto}.order-total{font-size:1.45rem;font-weight:900}.payment-box{padding:20px;background:#eef6ff;border-radius:14px;border:1px solid #d4e6fb;margin:18px 0}.reference{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.1rem;font-weight:800;background:white;border:1px dashed #aac7ed;border-radius:8px;padding:8px 10px;display:inline-block}
footer{margin-top:46px;padding:24px 0;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem;background:white}
.admin-main{padding-top:24px;padding-bottom:40px}.adminnav{overflow:auto}.admin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat{padding:18px}.stat strong{font-size:1.8rem;display:block;color:var(--blue2)}.table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:#68758a;background:#f8fafc}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.image-admin{display:flex;flex-wrap:wrap;gap:10px}.image-tile{width:150px;background:white;border:1px solid var(--line);border-radius:10px;padding:8px}.image-tile img{width:100%;height:100px;object-fit:cover;border-radius:7px}.visitor-human{color:var(--ok);font-weight:800}.visitor-bot{color:var(--danger);font-weight:800}.visitor-unclear{color:var(--warn);font-weight:800}.small{font-size:.83rem}.login{max-width:440px;margin:80px auto}.login .panel{padding:26px}
@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,1fr)}.intro,.product-detail,.two-col{grid-template-columns:1fr}.admin-grid{grid-template-columns:repeat(2,1fr)}.topbar-inner{flex-wrap:wrap;padding:8px 0}.topbar nav{order:3;width:100%}.hero img{max-height:none}.three-col{grid-template-columns:1fr}}
@media(max-width:560px){.product-grid{grid-template-columns:1fr}.langs .lang span{display:none}.product-detail{grid-template-columns:1fr}.facts{grid-template-columns:1fr}.admin-grid{grid-template-columns:1fr}.wrap{width:min(100% - 18px,1180px)}.hero{border-radius:12px}.message{max-width:95%}}
.visitors-kpis{margin-bottom:16px}.country-list{display:flex;flex-direction:column;gap:8px}.country-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#f8fbff}

/* 2026-08-25 sales usability update */
.catalog-tools{margin:0 0 20px;padding:14px 16px}.catalog-search{display:flex;gap:10px;align-items:center}.catalog-search .input{flex:1;min-width:160px}.category-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.chip{display:inline-flex;align-items:center;padding:7px 11px;border:1px solid #d8e5f6;border-radius:999px;background:white;color:var(--blue2);text-decoration:none;font-size:.86rem;font-weight:750}.chip.active{background:#eaf3ff;border-color:#9fc4f5}.reserved-until{margin-top:7px;color:#8a5700;font-weight:750}.share-box{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.share-box>.actions{margin-top:9px}.gallery-main img[data-lightbox-main]{cursor:zoom-in}.thumbs img{object-fit:contain;background:white}.test-product-visual{width:100%;height:100%;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;padding:18px;background:linear-gradient(145deg,#fff8d6,#fff);border:4px solid #1d2a3d;color:#172238}.test-product-visual strong{font-size:1.55rem;letter-spacing:.04em}.test-product-visual span{font-weight:800}.test-product-visual b{font-size:2rem;color:var(--blue2)}.test-product-visual small{color:#687184}.test-product-detail{min-height:520px;border:0}.lightbox{position:fixed;inset:0;z-index:1000;background:rgba(8,14,24,.94);display:none;align-items:center;justify-content:center;padding:54px 70px}.lightbox.open{display:flex}.lightbox img{display:block;max-width:100%;max-height:calc(100vh - 100px);object-fit:contain}.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;border:0;background:rgba(255,255,255,.12);color:white;cursor:pointer;border-radius:999px;width:46px;height:46px;font-size:2rem;line-height:1}.lightbox-close{right:18px;top:18px}.lightbox-prev{left:18px;top:50%;transform:translateY(-50%)}.lightbox-next{right:18px;top:50%;transform:translateY(-50%)}body.lightbox-open{overflow:hidden}.top-products{display:flex;flex-direction:column;gap:8px}.top-products a{display:flex;justify-content:space-between;gap:14px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;text-decoration:none;color:var(--ink);background:#f9fbfe}.top-products a span{white-space:nowrap;color:var(--muted);font-size:.86rem}.row-hidden{opacity:.62;background:#fafafa}.mini-test-badge{width:70px;height:52px;display:grid;place-items:center;border-radius:7px;background:#fff3c4;border:2px solid #22304a;font-weight:900}.admin .product-card img,.image-admin img{object-fit:contain;background:white}
@media(max-width:700px){.catalog-search{flex-wrap:wrap}.catalog-search .input{width:100%;flex-basis:100%}.lightbox{padding:54px 12px}.lightbox-prev{left:8px}.lightbox-next{right:8px}.top-products a{flex-direction:column;gap:2px}.top-products a span{white-space:normal}.test-product-detail{min-height:360px}}

/* 2026-08-25 approval-based reservation requests */
.product-card .image,.gallery-main{position:relative}.reservation-ribbon{position:absolute;z-index:5;top:12px;left:0;right:0;background:#c62828;color:#fff;padding:10px 12px;text-align:center;font-weight:950;letter-spacing:.035em;text-transform:uppercase;box-shadow:0 5px 16px rgba(125,0,0,.28);line-height:1.25}.reservation-ribbon.detail{top:0;padding:14px 16px;font-size:1.04rem}.btn-reserve{background:#fff0d8;color:#8a4700;border:1px solid #efbd71}.btn-reserve:hover{background:#ffe5bd}.reservation-product-summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 15px;border:1px solid var(--line);border-radius:10px;background:#f8fbff;margin-bottom:14px}.reservation-product-summary span{font-weight:900;color:var(--blue2);white-space:nowrap}.reservation-warning{border-left-color:#e39a24;background:#fff8e9}.reservation-status-line{display:inline-flex;margin:6px 0 14px;padding:8px 12px;border-radius:999px;font-weight:900;background:#eef1f5}.reservation-status-line.status-pending{background:#fff3d7;color:#865500}.reservation-status-line.status-approved{background:#e5f7ec;color:#126d40}.reservation-status-line.status-rejected,.reservation-status-line.status-cancelled{background:#fff0ef;color:#a42a20}.reservation-approved-box{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:12px;background:#c62828;color:white;margin:14px 0;box-shadow:0 8px 22px rgba(125,0,0,.18)}.reservation-approved-box strong{font-size:1.25rem;letter-spacing:.04em}.reservation-approved-checkout{border-left-color:#14804a;background:#ebf8f0}.reservation-admin-status{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:.8rem;font-weight:850;background:#eef1f5}.reservation-admin-status.status-pending{background:#fff3d7;color:#865500}.reservation-admin-status.status-approved{background:#e5f7ec;color:#126d40}.reservation-admin-status.status-rejected,.reservation-admin-status.status-cancelled{background:#fff0ef;color:#a42a20}.reservation-admin-status.status-converted{background:#eaf3ff;color:#084aaa}.reservation-pending-row{background:#fffdf5}.reservation-reason-admin{font-size:1.05rem;white-space:normal}.reservation-decision{border:2px solid #f0c26f}.reservation-approved-admin{padding:14px;background:#c62828;color:#fff;border-radius:10px;font-weight:950;letter-spacing:.04em;text-align:center}.admin-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
@media(max-width:560px){.reservation-product-summary{align-items:flex-start;flex-direction:column}.reservation-ribbon{font-size:.86rem;padding:9px 8px}.reservation-ribbon.detail{font-size:.9rem}.actions .btn-reserve{flex:1}}

.ai-product-notice{margin:18px 0;padding:14px 16px;border:1px solid #efd18a;border-left:4px solid #d59600;background:#fff9e8;border-radius:10px;color:#5b4a16;font-size:.92rem}.ai-product-notice strong{color:#493b10}

/* 2026-08-25 newsletter */
.newsletter-signup{margin:0 0 22px;padding:22px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:26px;align-items:center;background:linear-gradient(135deg,#f7fbff,#fff)}
.newsletter-kicker{font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--blue2);margin-bottom:5px}.newsletter-copy h2{margin:0 0 7px;font-size:1.45rem}.newsletter-copy p{margin:0 0 8px}.newsletter-form{display:grid;grid-template-columns:1fr 1.35fr auto;gap:10px;align-items:end}.newsletter-form .field{margin:0}.newsletter-form .btn{min-height:46px}.newsletter-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}.newsletter-result{text-align:center;padding:32px}.newsletter-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#e9f8ef;color:#14804a;font-size:2rem;font-weight:950;margin:0 auto 14px}
.newsletter-stats a{text-decoration:none;color:inherit}.newsletter-product-list{display:flex;flex-direction:column;gap:9px}.newsletter-product-row{display:grid;grid-template-columns:82px minmax(0,1fr) auto;gap:14px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:11px;text-decoration:none;color:var(--ink);background:#fbfdff}.newsletter-product-row:hover{border-color:#a9c8ef;background:#f5faff}.newsletter-product-row img{width:82px;height:62px;object-fit:contain;background:#fff;border-radius:8px}.newsletter-product-row div{display:flex;flex-direction:column;min-width:0}.newsletter-product-row span{font-size:.85rem;color:var(--muted)}.newsletter-product-row>b{color:var(--blue2);font-size:.88rem;white-space:nowrap}.newsletter-status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:.78rem;font-weight:850;background:#eef1f5}.newsletter-status.status-active{background:#e7f7ef;color:#14804a}.newsletter-status.status-pending{background:#fff3d7;color:#8a5700}.newsletter-status.status-unsubscribed{background:#f1f2f4;color:#687184}.newsletter-campaign-list{display:flex;flex-direction:column;gap:9px}.newsletter-campaign{display:flex;flex-direction:column;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:#fbfdff}.newsletter-campaign span{font-size:.84rem;color:var(--muted)}.newsletter-campaign a{font-size:.84rem;margin-top:4px}.newsletter-recipient-summary{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px}.newsletter-recipient-summary span{padding:9px 12px;background:white;border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow)}.newsletter-admin-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:18px;margin-top:18px;align-items:start}.newsletter-language-edit{padding:13px 0;border-top:1px solid var(--line)}.newsletter-language-edit:first-of-type{border-top:0;padding-top:0}.newsletter-short{min-height:95px}.newsletter-preview-card{position:sticky;top:82px}.newsletter-preview-image{display:block;width:100%;max-height:360px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:12px;margin:10px 0 16px}.newsletter-send-panel{margin-top:18px}.newsletter-send-panel .checkbox{align-items:flex-start}
@media(max-width:900px){.newsletter-signup{grid-template-columns:1fr}.newsletter-form{grid-template-columns:1fr 1fr auto}.newsletter-admin-layout{grid-template-columns:1fr}.newsletter-preview-card{position:static}}
@media(max-width:650px){.newsletter-form{grid-template-columns:1fr}.newsletter-product-row{grid-template-columns:70px minmax(0,1fr)}.newsletter-product-row img{width:70px;height:58px}.newsletter-product-row>b{grid-column:2;white-space:normal}.newsletter-signup{padding:18px}}


/* 2026-08-25 dezente Farbflächen + Newsletter zwischen Inseraten */
.intro-highlight{background:linear-gradient(135deg,#fffdf0,#fff8d8);border-color:#efe4a8}
.catalog-highlight{background:linear-gradient(135deg,#f4fbf5,#eaf8ed);border-color:#cfe8d5}
.newsletter-grid-break{grid-column:1/-1;display:flex;justify-content:center;margin:2px 0 4px}
.newsletter-grid-break .newsletter-signup{width:100%;margin:0;padding:18px 20px;background:linear-gradient(135deg,#fff7f7,#ffecec);border-color:#efcaca;box-shadow:0 8px 24px rgba(130,35,35,.06)}
.newsletter-grid-break .newsletter-kicker{color:#a33232}
.newsletter-grid-break .newsletter-copy h2{font-size:1.28rem}
.newsletter-grid-break .newsletter-form .btn{background:linear-gradient(135deg,#c94a4a,#a52f2f)}
@media(max-width:900px){.newsletter-grid-break .newsletter-signup{width:100%}}


/* 2026-08-25 Preisvorschlag, Newsletter-Dialog und Layout-Feinschliff */
.intro-highlight{background:linear-gradient(135deg,#fff5e8,#ffe6c3);border-color:#efbd7c;border-top:4px solid #e68a2e}
.intro-highlight h1,.intro-highlight>strong{font-weight:950;color:#6d3b0b}.intro-highlight p{font-weight:590}
.catalog-bottom{margin-top:30px}.catalog-bottom .section-head{margin-bottom:10px}.catalog-highlight{background:linear-gradient(135deg,#f1faf3,#e1f4e6);border-color:#bcdcc4}
.btn-offer{background:#f2ecff;color:#6536a6;border:1px solid #d6c3f2}.btn-offer:hover{background:#e9ddfb}
.offer-form-card{position:relative}.offer-amount-field .input{font-size:1.15rem;font-weight:900}.offer-admin-price{font-size:1.08rem;color:#6536a6}.offer-low{color:#b42318;font-weight:850}.offer-pending-row{background:#fcf9ff}.offer-decision{border:2px solid #cdb7ed}
.site-modal{position:fixed;inset:0;z-index:1400;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(12,19,30,.58);backdrop-filter:blur(3px)}.site-modal.open{display:flex}.site-modal-card{position:relative;width:min(520px,100%);padding:28px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 70px rgba(21,35,58,.28);text-align:center}.site-modal-card h2{margin:5px 30px 10px}.site-modal-card p{margin:0 0 20px}.site-modal-close{position:absolute;right:12px;top:10px;border:0;background:transparent;color:#6d7788;font-size:1.7rem;cursor:pointer}.site-modal-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 10px;border-radius:50%;background:#e8f7ee;color:#14804a;font-size:1.9rem;font-weight:950}.site-modal.modal-danger .site-modal-card{border:2px solid #d13b31;background:#fff8f7}.site-modal.modal-danger .site-modal-icon{background:#ffe4e1;color:#b42318}.site-modal.modal-danger h2{color:#9f2018}.offer-retry-form{text-align:left}.offer-retry-form .actions{justify-content:center}.newsletter-modal .site-modal-card{border-top:5px solid #bd3b3b}
@media(max-width:560px){.intro-highlight{border-top-width:3px}.site-modal-card{padding:24px 18px}.actions .btn-offer{flex:1}}
.reservation-admin-status.status-accepted{background:#e5f7ec;color:#126d40}.reservation-admin-status.status-rejected{background:#fff0ef;color:#a42a20}

.offer-only-price{font-size:1.05rem!important;color:#9a4b00!important;background:#fff3e7;border:1px solid #ffd7b0;border-radius:10px;padding:7px 10px;display:inline-block}

/* Admin product ordering */
.sort-help{margin-bottom:14px}.drag-handle{font-size:1.35rem;cursor:grab;user-select:none;color:#69778b}.dragging{opacity:.45;background:#eef5ff}.sort-mini{border:1px solid #cfd9e8;background:#fff;border-radius:7px;padding:5px 8px;font-weight:900;cursor:pointer;color:#24405f}.sort-mini:hover{background:#eef5ff}

/* 2026-08-25 Besucherlog als Karten */
.visitor-card-list{display:flex;flex-direction:column;gap:14px}.visitor-card{padding:16px 18px}.visitor-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--line)}.visitor-card-time{font-size:1.02rem;font-weight:900}.visitor-card-kind{font-weight:900}.visitor-card-grid{display:grid;grid-template-columns:1.1fr 1.6fr .8fr 1.35fr;gap:16px}.visitor-card-block{min-width:0}.visitor-card-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:850;margin-bottom:4px}.visitor-card-value{font-weight:750;overflow-wrap:anywhere}.visitor-card-sub{font-size:.83rem;color:var(--muted);margin-top:2px;overflow-wrap:anywhere}.visitor-card-footer{display:grid;grid-template-columns:1fr 2fr;gap:16px;margin-top:13px;padding-top:12px;border-top:1px solid var(--line)}.visitor-referrer{overflow-wrap:anywhere;word-break:break-word}.visitor-score{display:inline-flex;margin-left:8px;font-size:.78rem;color:var(--muted);font-weight:700}.visitor-card.empty{text-align:center;color:var(--muted)}
@media(max-width:900px){.visitor-card-grid{grid-template-columns:1fr 1fr}.visitor-card-footer{grid-template-columns:1fr}}
@media(max-width:600px){.visitor-card{padding:14px}.visitor-card-head{flex-direction:column;gap:5px}.visitor-card-grid{grid-template-columns:1fr}.visitor-card-footer{grid-template-columns:1fr}}

/* Referrer prominence + ranking */
.visitor-referrer-block{background:#f5f9ff;border:1px solid #d7e4f4;border-radius:12px;padding:12px 14px}.visitor-referrer{font-size:1rem;font-weight:850;color:var(--ink);line-height:1.45;overflow-wrap:anywhere;word-break:break-word}.referrer-summary{padding:0;overflow:hidden}.referrer-summary details>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;background:#f6f9fd}.referrer-summary details>summary::-webkit-details-marker{display:none}.referrer-summary summary strong{font-size:1.05rem}.referrer-summary summary small{display:block;color:var(--muted);font-weight:600;margin-top:2px}.referrer-summary-count{font-weight:850;color:var(--blue2);white-space:nowrap}.referrer-ranking{padding:6px 18px 16px}.referrer-rank-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.referrer-rank-row:last-child{border-bottom:0}.referrer-rank-pos{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#edf4fd;font-weight:900;color:var(--blue2)}.referrer-rank-main{min-width:0}.referrer-rank-host{font-size:1rem;font-weight:900;color:var(--ink)}.referrer-rank-url{font-size:.78rem;color:var(--muted);overflow-wrap:anywhere;word-break:break-word;margin-top:2px}.referrer-rank-breakdown{text-align:right;white-space:nowrap}.referrer-rank-breakdown strong{font-size:1.2rem;color:var(--blue2);display:block}.referrer-rank-breakdown span{font-size:.75rem;color:var(--muted)}
@media(max-width:700px){.referrer-rank-row{grid-template-columns:30px 1fr}.referrer-rank-breakdown{grid-column:2;text-align:left}.referrer-summary details>summary{align-items:flex-start}.visitor-referrer{font-size:.95rem}}

/* Admin: Was ist zu tun + Anfrage-Archiv */
.todo-panel{background:#fff1f1;border:1px solid #efb0b0;border-radius:16px;padding:20px;margin:0 0 22px;box-shadow:0 8px 24px rgba(116,19,19,.07)}
.todo-panel-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}.todo-panel-head h2{margin:3px 0 4px}.todo-kicker{font-size:.78rem;font-weight:900;letter-spacing:.08em;color:#a51f1f}.todo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.todo-card{display:flex;align-items:center;gap:14px;background:#c93636;color:#fff;border-radius:13px;padding:16px;text-decoration:none;box-shadow:0 5px 14px rgba(130,24,24,.16);transition:.15s transform,.15s box-shadow}.todo-card:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(130,24,24,.22)}.todo-card-icon{font-size:1.65rem}.todo-card-body{flex:1;min-width:0}.todo-card-title{font-weight:900;font-size:1.05rem}.todo-card-text{font-size:.86rem;opacity:.92;margin-top:3px}.todo-card-count{text-align:center;min-width:64px}.todo-card-count strong{display:block;font-size:1.8rem;line-height:1}.todo-card-count span{display:inline-block;margin-top:5px;padding:3px 7px;border-radius:999px;background:#fff;color:#a51f1f;font-size:.72rem;font-weight:900}.todo-empty{background:#fff;border-radius:12px;padding:16px;font-weight:800;color:#26633f}
.filter-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.filter-tabs a{padding:9px 13px;border-radius:10px;background:#eef3f9;text-decoration:none;color:#183153;font-weight:800}.filter-tabs a.active{background:#173d73;color:#fff}.filter-tabs strong{margin-left:5px}.inquiry-list{display:grid;gap:12px}.inquiry-card{display:flex;gap:18px;justify-content:space-between;background:#fff;border:1px solid #dfe7f1;border-radius:14px;padding:17px}.inquiry-card.is-unread{border-left:5px solid #1769c2;background:#f8fbff}.inquiry-main{flex:1;min-width:0}.inquiry-main h3{margin:7px 0}.inquiry-main p{margin:10px 0 0;color:#536176}.inquiry-top{display:flex;justify-content:space-between;gap:10px}.inquiry-status{font-weight:900}.inquiry-actions{display:flex;flex-direction:column;gap:8px;min-width:175px}.inquiry-actions form{margin:0}.inquiry-actions .btn{width:100%}
@media(max-width:800px){.todo-grid{grid-template-columns:1fr}.inquiry-card{flex-direction:column}.inquiry-actions{min-width:0;flex-direction:row;flex-wrap:wrap}.inquiry-actions .btn{width:auto}}
/* 2026-08-26: kompakter Admin-Workflow + Kundenakten */
.todo-panel-compact{padding:18px 20px!important}.todo-panel-compact .todo-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.todo-panel-compact h2{margin:2px 0 2px;font-size:28px}.todo-total{min-width:116px;padding:10px 14px;border:1px solid #f0c3c8;border-radius:14px;background:#fff;text-align:center}.todo-total strong{display:block;font-size:25px;color:#b4232f}.todo-total span{font-size:12px;font-weight:700}.todo-customer-list{display:grid;gap:8px}.todo-customer-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:11px 13px;background:#fff7f7;border:1px solid #efc4c8;border-radius:12px;text-decoration:none;color:inherit}.todo-customer-row:hover{background:#fff0f1}.todo-customer-name{font-weight:800}.todo-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.todo-tags span{font-size:12px;font-weight:700;padding:3px 7px;border-radius:999px;background:#fff;border:1px solid #efc4c8}.todo-customer-count{text-align:center;min-width:55px}.todo-customer-count strong{display:block;font-size:22px;color:#b4232f}.todo-customer-count span{font-size:11px}.new-badge{background:#c62828;color:#fff;padding:2px 6px;border-radius:999px;font-size:10px;margin-left:5px}.compact-stats .stat{padding:15px 18px;min-height:0}.compact-list{display:grid;gap:8px}.compact-row{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border:1px solid #dfe6ef;border-radius:12px;padding:11px 13px;text-decoration:none;color:inherit}.compact-row:hover{border-color:#b9cbe3}.compact-row-static:hover{border-color:#dfe6ef}.compact-row-main{min-width:0}.compact-row-meta{text-align:right;white-space:nowrap}.compact-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.compact-actions form{display:flex;gap:6px;margin:0}.compact-actions .btn{padding:7px 10px;font-size:12px}.customer-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0 24px}.mini-stat{padding:14px 16px}.mini-stat strong{display:block;font-size:24px;color:#0756bd}.mini-stat span{font-size:13px}.customer-timeline{display:grid;gap:8px}.timeline-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;background:#fff;border:1px solid #dfe6ef;border-radius:12px;padding:10px 12px;text-decoration:none;color:inherit}.timeline-row:hover{border-color:#b9cbe3}.timeline-icon{font-size:20px}.timeline-meta{text-align:right}.timeline-meta span{display:block;font-weight:700;font-size:12px}.timeline-meta small{color:#68758a}.filter-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 14px}.filter-tabs a{padding:8px 12px;border:1px solid #d5e1f0;border-radius:10px;text-decoration:none;font-weight:700;background:#fff;color:#17345e}.filter-tabs a.active{background:#0c5ac7;color:#fff;border-color:#0c5ac7}
@media(max-width:760px){.todo-panel-compact .todo-panel-head,.todo-customer-row,.compact-row{align-items:flex-start;flex-direction:column}.todo-total{align-self:stretch}.compact-actions{justify-content:flex-start}.customer-summary-grid{grid-template-columns:repeat(2,1fr)}.timeline-row{grid-template-columns:34px 1fr}.timeline-meta{grid-column:2;text-align:left}.compact-row-meta{text-align:left}.todo-customer-count{text-align:left}}

/* ===== Admin Design Refresh 2026-08-26 ===== */
.admin{--admin-navy:#0b1f3a;--admin-blue:#1f6fd1;--admin-soft:#f4f7fb;--admin-shadow:0 10px 26px rgba(19,48,87,.08)}
.admin .admin-main{padding-top:22px}
.admin-topbar{position:sticky;top:0;background:rgba(255,255,255,.97);box-shadow:0 2px 12px rgba(10,36,72,.05)}
.admin-topbar-inner{min-height:64px;gap:18px;align-items:center}
.admin-brand{display:flex;align-items:center;gap:8px;font-size:1.02rem}
.admin-brand-mark{width:28px;height:28px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0d5ec7,#173b77);color:#fff;font-weight:900;box-shadow:0 4px 12px rgba(23,91,181,.18)}
.adminnav{display:flex!important;align-items:center;gap:5px!important;flex-wrap:wrap;overflow:visible!important;padding:7px 0}
.adminnav a{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:9px;color:#34455f!important;font-size:.84rem;font-weight:760!important;line-height:1;white-space:nowrap;border:1px solid transparent;transition:.15s ease}
.adminnav a:hover{background:#eef5ff;color:#0c58b4!important;border-color:#dceaff}
.adminnav a.active{background:#0d5ec7;color:#fff!important;border-color:#0d5ec7;box-shadow:0 4px 12px rgba(13,94,199,.18)}
.adminnav .nav-icon{font-size:.92rem;min-width:14px;text-align:center;opacity:.95}

.admin .admin-toolbar h1{margin:0 0 3px;font-size:2rem;line-height:1.1;color:#102746}
.admin .admin-toolbar{margin-bottom:15px}
.admin .btn{border-radius:10px;box-shadow:none}
.admin .btn-light{background:#f4f8fd;border-color:#d7e3f2}
.admin .btn-light:hover{background:#eaf3ff}

/* Dashboard: clearer and more compact */
.admin-page-dashboard .todo-panel-compact{padding:15px 16px!important;border-radius:15px;background:linear-gradient(180deg,#fff4f4,#fffafa);box-shadow:var(--admin-shadow)}
.admin-page-dashboard .todo-panel-compact h2{font-size:24px;margin:1px 0}
.admin-page-dashboard .todo-panel-head{margin-bottom:9px}
.admin-page-dashboard .todo-total{padding:8px 12px;min-width:104px;border-radius:12px}
.admin-page-dashboard .todo-total strong{font-size:21px}
.admin-page-dashboard .todo-customer-list{gap:6px}
.admin-page-dashboard .todo-customer-row{padding:9px 11px;border-left:5px solid #d34545;background:#fff;border-radius:10px}
.admin-page-dashboard .todo-customer-row:hover{background:#fff6f6;transform:translateX(1px)}
.admin-page-dashboard .todo-tags{margin-top:4px;gap:5px}
.admin-page-dashboard .todo-tags span{padding:2px 7px;font-size:11px}
.admin-page-dashboard .compact-stats{gap:10px;margin-top:14px}
.admin-page-dashboard .compact-stats .stat{border:0;min-height:88px;padding:13px 15px;box-shadow:var(--admin-shadow);position:relative;overflow:hidden}
.admin-page-dashboard .compact-stats .stat strong{font-size:1.6rem}
.admin-page-dashboard .compact-stats .stat:nth-child(1){background:#eef6ff;border-left:5px solid #2d7bd4}
.admin-page-dashboard .compact-stats .stat:nth-child(2){background:#fff5e9;border-left:5px solid #ef8a22}
.admin-page-dashboard .compact-stats .stat:nth-child(3){background:#f5efff;border-left:5px solid #8258d4}
.admin-page-dashboard .compact-stats .stat:nth-child(4){background:#ecfbf5;border-left:5px solid #1d9b69}

/* Unified list cards with semantic colors */
.admin .compact-list{gap:7px}
.admin .compact-row{padding:10px 12px;border-radius:11px;box-shadow:0 4px 14px rgba(25,52,88,.04);border-left-width:5px;transition:.15s ease}
.admin .compact-row:hover{transform:translateY(-1px);box-shadow:0 7px 17px rgba(25,52,88,.08)}
.admin-page-conversations .inquiry-card{padding:12px 14px;border-radius:11px;border-left:5px solid #2d7bd4;background:#f5f9ff;box-shadow:0 4px 14px rgba(25,52,88,.04)}
.admin-page-reservations .compact-row{background:#f8f3ff;border-left-color:#8b5bd3}
.admin-page-offers .compact-row{background:#fff6eb;border-left-color:#ef8a22}
.admin-page-orders .compact-row{background:#effaf4;border-left-color:#21a06a}
.admin-page-customers .compact-row{background:#eef9fb;border-left-color:#23a0b8}
.admin-page-customer .timeline-row{background:#f8fbff;border-left:5px solid #337cca}
.admin-page-newsletter .compact-row{background:#fff1f5;border-left-color:#d74f76}

/* Page-title icons without image files */
.admin-page-conversations .admin-toolbar h1:before{content:'✉ ';color:#2d7bd4}
.admin-page-reservations .admin-toolbar h1:before{content:'◷ ';color:#8b5bd3}
.admin-page-offers .admin-toolbar h1:before{content:'€ ';color:#ef8a22}
.admin-page-orders .admin-toolbar h1:before{content:'▣ ';color:#21a06a}
.admin-page-customers .admin-toolbar h1:before{content:'👤 ';font-size:.86em}
.admin-page-visitors .admin-toolbar h1:before{content:'◉ ';color:#1594a8}
.admin-page-products .admin-toolbar h1:before{content:'▦ ';color:#296fc5}

/* Products: top-view panel much smaller */
.admin-page-products .top-products-panel{margin-bottom:12px;padding:11px 14px;border-radius:12px;box-shadow:0 4px 14px rgba(25,52,88,.05)}
.admin-page-products .top-products-panel h2{font-size:1.08rem;margin:0 0 6px;color:#17385f}
.admin-page-products .top-products{gap:4px}
.admin-page-products .top-products a{padding:6px 9px;border-radius:8px;background:#f7faff;border:1px solid #e0e9f5;font-size:.84rem}
.admin-page-products .top-products a span{font-size:.78rem;color:#68758a}
.admin-page-products .sort-help{padding:10px 13px;margin-bottom:10px;font-size:.88rem}
.admin-page-products .sort-savebar{margin-top:8px!important;margin-bottom:10px}

/* Visitor cards keep information-rich but visually distinct */
.admin-page-visitors .visitor-card{border-left:5px solid #2c9aae;box-shadow:0 5px 16px rgba(23,73,91,.05)}
.admin-page-visitors .visitor-referrer-block{background:#eef9ff;border-color:#c9e6f3}
.admin-page-visitors .referrer-summary{border-left:5px solid #1594a8}

/* Buttons/statuses */
.admin .filter-tabs a{box-shadow:0 2px 7px rgba(25,52,88,.04)}
.admin .new-badge{box-shadow:0 2px 6px rgba(160,28,28,.18)}
.admin .compact-actions .btn{border-radius:8px}

/* Responsive nav: no long single line / no clipping */
@media(max-width:1180px){
 .admin-topbar-inner{align-items:flex-start;flex-wrap:wrap;padding:8px 0 10px}
 .admin-brand{padding-top:5px}
 .adminnav{width:100%;order:3;gap:4px!important}
 .adminnav a{padding:7px 8px;font-size:.8rem}
}
@media(max-width:760px){
 .adminnav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px!important}
 .adminnav a{justify-content:flex-start;min-width:0;overflow:hidden;text-overflow:ellipsis}
 .admin .admin-toolbar{align-items:flex-start;flex-direction:column}
 .admin .admin-toolbar .actions{width:100%}
 .admin .admin-toolbar .actions .btn{flex:1}
 .admin-page-dashboard .todo-panel-compact{padding:13px!important}
 .admin-page-dashboard .todo-panel-compact h2{font-size:21px}
}
@media(max-width:480px){
 .adminnav{grid-template-columns:repeat(2,minmax(0,1fr))}
 .adminnav a{font-size:.78rem}
}

/* 2026-08-26 storefront compact redesign – public homepage only */
.lang .flag-icon{display:block;width:22px;height:16px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(31,55,92,.14);flex:0 0 auto}.lang .lang-code{font-size:.78rem;font-weight:850;letter-spacing:.02em}
.storefront-intro{display:block;margin-bottom:20px}.storefront-intro .intro-compact{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:16px 18px;border-top-width:3px}.intro-compact-copy{min-width:0}.intro-kicker{margin-bottom:3px;color:#8b510d;font-size:.72rem;font-weight:900;letter-spacing:.075em;text-transform:uppercase}.storefront-intro h1{margin:0 0 4px;font-size:clamp(1.18rem,2.1vw,1.55rem);line-height:1.2}.storefront-intro p{margin:0;font-size:.92rem;line-height:1.45}.private-sale-details{flex:0 0 min(310px,34%);border:1px solid rgba(152,92,22,.22);border-radius:10px;background:rgba(255,255,255,.55);font-size:.84rem;color:#5e4f3c}.private-sale-details summary{padding:9px 11px;cursor:pointer;font-weight:850;color:#6d3b0b}.private-sale-details[open] summary{border-bottom:1px solid rgba(152,92,22,.15)}.private-sale-details p{padding:10px 11px;margin:0;font-size:.82rem;font-weight:500;color:#665c50}.storefront-products-head{margin-top:18px;margin-bottom:10px}
.storefront-grid{gap:14px}.product-card.storefront-card{display:flex;flex-direction:column;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.product-card.storefront-card:hover{transform:translateY(-2px);border-color:#cddcef;box-shadow:0 14px 34px rgba(31,55,92,.11)}.product-card.storefront-card .image{height:200px;aspect-ratio:auto;padding:10px;border-bottom:1px solid #eef2f7;background:linear-gradient(180deg,#fff,#fbfcfe)}.product-card.storefront-card img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .22s ease}.product-card.storefront-card:hover img{transform:scale(1.035)}.storefront-no-image{height:100%;display:grid;place-items:center;color:#91a0b6}.storefront-card-body{display:flex;flex:1;flex-direction:column;padding:12px;gap:9px}.product-title-box{display:flex;align-items:center;min-height:52px;padding:8px 10px;border:1px solid #e4ebf5;border-radius:10px;background:#f7faff}.storefront-card .product-title{display:-webkit-box;margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.98rem;line-height:1.35}.storefront-card .product-title a{display:block}.product-description-box{min-height:45px;padding:0 3px}.product-description-box .small{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.8rem;line-height:1.45}.storefront-meta-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding:10px;border:1px solid #e8eef6;border-radius:11px;background:#fcfdff}.storefront-price{display:flex;align-items:center;gap:8px;min-width:0;color:var(--blue2)}.storefront-price-icon{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:9px;background:#eaf3ff}.storefront-price-icon svg{width:15px;height:15px;fill:currentColor}.storefront-price-copy{display:flex;min-width:0;flex-direction:column;line-height:1.18}.storefront-price-copy strong{font-size:1.03rem;font-weight:900;white-space:nowrap}.storefront-price-copy small{margin-top:3px;color:var(--muted);font-size:.76rem;font-weight:750}.storefront-price-offer .storefront-price-copy strong{white-space:normal;font-size:.9rem;color:#9a4b00}.storefront-price-offer .storefront-price-icon{background:#fff3e7;color:#9a4b00}.storefront-card .badge{gap:5px;white-space:nowrap;padding:5px 8px}.storefront-card .badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.75}.storefront-card-actions{margin-top:0}.storefront-details-btn{width:100%;min-height:43px;gap:8px;padding:10px 13px;background:#f2bd78!important;border:1px solid #dda054!important;color:#4d2c08!important;font-size:1.02rem;font-weight:900;box-shadow:0 3px 8px rgba(139,86,22,.10)}.storefront-details-btn:hover{background:#eeb064!important;border-color:#cf8e42!important;color:#402303!important;transform:translateY(-1px)}.storefront-details-btn span{font-size:1.1rem;transition:transform .18s ease}.storefront-details-btn:hover span{transform:translateX(3px)}

@media(max-width:900px){.storefront-intro .intro-compact{align-items:flex-start;flex-direction:column;gap:10px}.private-sale-details{width:100%;flex-basis:auto}.product-card.storefront-card .image{height:190px}}
@media(max-width:560px){.langs{gap:4px}.lang{padding:6px 7px}.lang .flag-icon{width:24px;height:17px}.lang .lang-code{display:none}.storefront-intro{margin-bottom:16px}.storefront-intro .intro-compact{padding:13px 14px}.storefront-intro h1{font-size:1.18rem}.storefront-intro p{font-size:.86rem}.private-sale-details summary{padding:8px 10px}.storefront-products-head{margin-top:15px}.storefront-grid{gap:12px}.product-card.storefront-card .image{height:180px;padding:8px}.storefront-card-body{padding:10px;gap:8px}.product-title-box{min-height:48px;padding:7px 9px}.storefront-card .product-title{font-size:.94rem}.product-description-box{min-height:42px}.storefront-meta-row{padding:9px}.storefront-price-copy strong{font-size:.98rem}.storefront-card .badge{font-size:.73rem;padding:5px 7px}}

/* OLX public link: only shown for locally mapped adverts confirmed as active. */
.storefront-status-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.storefront-olx-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:31px;padding:6px 10px;border:1px solid #d1a300;border-radius:999px;background:#ffd83d;color:#3b2a00;text-decoration:none;font-size:.79rem;font-weight:950;line-height:1;white-space:nowrap;box-shadow:0 3px 8px rgba(172,126,0,.14);transition:background .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease}
.storefront-olx-btn:hover{background:#ffc928;border-color:#b98d00;color:#2e2100;transform:translateY(-1px);box-shadow:0 5px 12px rgba(172,126,0,.2)}
@media(max-width:560px){.storefront-meta-row{align-items:flex-end}.storefront-status-actions{max-width:55%;gap:5px}.storefront-olx-btn{font-size:.75rem;padding:6px 8px}}


/* 2026-08-26 Mobile product-detail hardening.
   Prevents one long product value/description/image from widening the viewport. */
.product-detail,
.product-detail>div,
.product-detail .product-info,
.product-detail .gallery-main,
.product-detail .facts,
.product-detail .fact,
.product-detail .description,
.product-detail .notice,
.product-detail .ai-product-notice,
.product-detail .share-box,
.product-detail .actions{min-width:0;max-width:100%}
.product-detail .gallery-main img{max-width:100%;height:auto}
.product-detail .product-info h1,
.product-detail .price,
.product-detail .description,
.product-detail .fact strong,
.product-detail .notice,
.product-detail .ai-product-notice,
.product-detail .share-box{overflow-wrap:anywhere;word-break:normal}
.product-detail .description{overflow-x:hidden}

@media(max-width:560px){
 .product-detail{width:100%;gap:14px;margin:16px 0}
 .product-detail .product-info{width:100%;padding:16px}
 .product-detail .product-info h1{font-size:clamp(1.28rem,6vw,1.6rem);line-height:1.18}
 .product-detail .price{font-size:1.18rem}
 .product-detail .facts{gap:8px;margin:14px 0}
 .product-detail .fact{padding:9px 10px}
 .product-detail .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .product-detail .actions .btn{width:100%;min-width:0;padding:11px 8px;font-size:.9rem;text-align:center;white-space:normal}
 .product-detail .share-box .actions{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* 2026-08-26 final storefront colour polish
   Visual only: stronger title hierarchy, calmer status/action palette. */
.product-title-box{
  position:relative;
  overflow:hidden;
  border:1px solid #173f6f!important;
  border-left:5px solid #f0a33a!important;
  background:linear-gradient(135deg,#173f6f,#214f82)!important;
  box-shadow:0 4px 10px rgba(23,63,111,.10);
}
.storefront-card .product-title{
  color:#fff!important;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-weight:850;
  letter-spacing:-.01em;
  text-shadow:0 1px 1px rgba(0,0,0,.08);
}
.storefront-card .product-title a{
  color:#fff!important;
  text-decoration:none;
}
.storefront-card .product-title a:hover{color:#fff!important}

/* Availability is information, not the main action: use calm petrol/turquoise. */
.storefront-card .badge.active{
  background:#dff5f2!important;
  color:#0c6c66!important;
  border:1px solid #bfe6e1;
}

/* Main product action: confident green, distinct from OLX yellow. */
.storefront-details-btn{
  background:#2f8a62!important;
  border:1px solid #267652!important;
  color:#fff!important;
  box-shadow:0 4px 10px rgba(47,138,98,.14)!important;
}
.storefront-details-btn:hover{
  background:#277653!important;
  border-color:#206447!important;
  color:#fff!important;
  box-shadow:0 6px 14px rgba(47,138,98,.20)!important;
}

@media(max-width:560px){
  .product-title-box{border-left-width:4px!important}
  .storefront-card .product-title{font-size:.95rem;line-height:1.32}
}

/* 2026-08-26 softer storefront title card
   Replaces high-contrast white-on-blue title with a calmer neutral surface. */
.product-title-box{
  border:1px solid #e2ddd4!important;
  border-left:5px solid #d99a3d!important;
  background:#f6f4f0!important;
  box-shadow:0 2px 7px rgba(43,52,63,.06)!important;
}
.storefront-card .product-title{
  color:#18324f!important;
  font-weight:800!important;
  text-shadow:none!important;
}
.storefront-card .product-title a{
  color:#18324f!important;
  text-decoration:none;
}
.storefront-card .product-title a:hover{
  color:#0f2740!important;
}
@media(max-width:560px){
  .product-title-box{border-left-width:4px!important}
}

/* 2026-08-26 storefront design system – final direct implementation
   Visual only. Centralised colours make later adjustments predictable. */
:root{
  --store-primary:#1F4E8C;
  --store-primary-dark:#163B6A;
  --store-primary-soft:#DCE7F5;
  --store-accent:#F2A23A;
  --store-apricot:#F7E1C7;
  --store-apricot-hover:#F3D4B1;
  --store-olx:#F4D35E;
  --store-olx-hover:#EBC94A;
  --store-success-bg:#DDF3E4;
  --store-success:#1E7A34;
  --store-success-dot:#38A95B;
  --store-muted:#5E6B78;
  --store-surface:#FFFFFF;
  --store-page:#EEF3F8;
  --store-price:#0F4FB5;
  --store-price-bg:#F7FAFC;
}

/* Product title: deep blue like the supplied Zello example, white type,
   orange only as a slim accent. Flat colour avoids the harsh glowing effect. */
.product-title-box{
  border:1px solid var(--store-primary-dark)!important;
  border-left:5px solid var(--store-accent)!important;
  background:var(--store-primary-dark)!important;
  box-shadow:0 3px 8px rgba(22,59,106,.10)!important;
}
.storefront-card .product-title{
  color:#fff!important;
  font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif!important;
  font-weight:800!important;
  letter-spacing:-.015em!important;
  line-height:1.28!important;
  text-shadow:none!important;
}
.storefront-card .product-title a,
.storefront-card .product-title a:hover,
.storefront-card .product-title a:focus{
  color:#fff!important;
  text-decoration:none!important;
}

/* Calm body copy and price hierarchy. */
.product-description-box .small{color:var(--store-muted)!important}
.storefront-meta-row{
  background:var(--store-price-bg)!important;
  border-color:var(--store-primary-soft)!important;
}
.storefront-price{color:var(--store-price)!important}
.storefront-price-copy small{color:var(--store-muted)!important}
.storefront-price-icon{background:#E7F0FB!important;color:var(--store-primary)!important}

/* Availability stays clearly positive but quieter than action buttons. */
.storefront-card .badge.active{
  background:var(--store-success-bg)!important;
  color:var(--store-success)!important;
  border:1px solid #BFE5CA!important;
}
.storefront-card .badge.active:before{
  background:var(--store-success-dot)!important;
  opacity:1!important;
}

/* Details: warm apricot with dark blue text – visible without shouting. */
.storefront-details-btn{
  background:var(--store-apricot)!important;
  border:1px solid #E9C79D!important;
  color:var(--store-primary-dark)!important;
  box-shadow:0 3px 8px rgba(121,84,39,.08)!important;
  font-size:1rem!important;
  font-weight:850!important;
}
.storefront-details-btn:hover,
.storefront-details-btn:focus{
  background:var(--store-apricot-hover)!important;
  border-color:#DDBA8F!important;
  color:var(--store-primary-dark)!important;
  box-shadow:0 5px 12px rgba(121,84,39,.12)!important;
}

/* OLX remains the unmistakable yellow alternative purchase route. */
.storefront-olx-btn{
  background:var(--store-olx)!important;
  border-color:#D8B84C!important;
  color:#1E1E1E!important;
  box-shadow:0 3px 8px rgba(172,126,0,.12)!important;
  font-weight:900!important;
}
.storefront-olx-btn:hover,
.storefront-olx-btn:focus{
  background:var(--store-olx-hover)!important;
  border-color:#C5A43B!important;
  color:#1E1E1E!important;
}

@media(max-width:560px){
  .product-title-box{border-left-width:4px!important}
  .storefront-card .product-title{font-size:.95rem!important;line-height:1.3!important}
  .storefront-details-btn{min-height:44px!important;font-size:.95rem!important}
  .storefront-olx-btn{min-height:34px!important}
}

/* 2026-08-26 micro polish: restore green Details button and switch only
   the product title text from white to a softer warm orange-gold. */
.storefront-card .product-title,
.storefront-card .product-title a,
.storefront-card .product-title a:hover,
.storefront-card .product-title a:focus{
  color:#F0B45A!important;
  text-shadow:none!important;
}

.storefront-details-btn{
  background:#2F8A62!important;
  border:1px solid #267652!important;
  color:#FFFFFF!important;
  box-shadow:0 4px 10px rgba(47,138,98,.14)!important;
}
.storefront-details-btn:hover,
.storefront-details-btn:focus{
  background:#277653!important;
  border-color:#206447!important;
  color:#FFFFFF!important;
  box-shadow:0 6px 14px rgba(47,138,98,.20)!important;
}

/* 2026-08-26 final visual micro-fix
   Only: title matches price box, stronger title/description typography,
   Romanian tricolour separator between product cards on mobile. */
.product-title-box{
  background:var(--store-price-bg,#F7FAFC)!important;
  border:1px solid var(--store-primary-soft,#DCE7F5)!important;
  border-left:5px solid var(--store-accent,#F2A23A)!important;
  box-shadow:none!important;
}
.storefront-card .product-title,
.storefront-card .product-title a,
.storefront-card .product-title a:hover,
.storefront-card .product-title a:focus{
  color:var(--store-price,#0F4FB5)!important;
  font-weight:900!important;
  text-shadow:none!important;
}
.product-description-box .small{
  color:#4F5F70!important;
  font-weight:600!important;
  font-size:.83rem!important;
  line-height:1.48!important;
}

@media(max-width:560px){
  .product-title-box{border-left-width:4px!important}
  .storefront-card .product-title{font-weight:900!important}
  .product-description-box .small{
    font-size:.84rem!important;
    font-weight:600!important;
  }
  .product-card.storefront-card:not(:last-child)::after{
    content:"";
    display:block;
    flex:0 0 5px;
    width:100%;
    height:5px;
    background:linear-gradient(to right,
      #002B7F 0%, #002B7F 33.333%,
      #FCD116 33.333%, #FCD116 66.666%,
      #CE1126 66.666%, #CE1126 100%);
  }
}