/* v2.19.0 · After-Sales, Tracking & storefront image standards */ .order-timeline-step time{display:block;margin-top:5px;font-size:11px;color:var(--muted)}.order-tracking-card{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start;margin-top:16px;padding:17px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.order-tracking-card h3{margin:3px 0 4px;font-size:18px}.order-tracking-card p{font-size:13px;line-height:1.55;overflow-wrap:anywhere}.order-tracking-actions,.order-aftercare-actions{display:flex;gap:9px;flex-wrap:wrap}.order-aftercare-card{margin-top:18px}.order-aftercare-card .panel-title{margin-bottom:14px}.order-aftercare-card .panel-title p{font-size:13px;color:var(--muted);margin-top:4px}.shop-gallery-thumbs button img{width:100%;height:100%;object-fit:cover}@media(max-width:760px){.order-tracking-card{grid-template-columns:1fr}.order-tracking-actions,.order-aftercare-actions{display:grid;grid-template-columns:1fr}.order-tracking-actions .btn,.order-aftercare-actions .btn{width:100%}} /* v2.19.8 · Professionelle Shop-Uebersicht: Filter-Sidebar & gespeicherte Produkte unter dem Katalog */ .shop-catalog-shell{display:grid;grid-template-columns:minmax(245px,280px) minmax(0,1fr);gap:28px;align-items:start}.shop-filter-sidebar{min-width:0}.shop-filter-sidebar-panel{position:sticky;top:94px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 14px 36px rgba(28,40,31,.045);overflow:hidden}.shop-filter-sidebar-panel>summary{display:none}.shop-filter-sidebar-body{max-height:calc(100vh - 118px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.shop-filter-sidebar-heading{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 18px 14px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.97);backdrop-filter:blur(10px)}.shop-filter-sidebar-heading>div{display:grid;gap:2px}.shop-filter-sidebar-heading small{font-size:9px;font-weight:850;letter-spacing:.12em;color:var(--green)}.shop-filter-sidebar-heading b{font-size:15px;line-height:1.3}.shop-filter-sidebar-heading .shop-filter-reset{height:auto;min-height:36px;padding:0;font-size:11px;white-space:nowrap}.shop-filter-sidebar-groups{display:grid;padding:4px 18px 18px}.shop-filter-sidebar-groups>.shop-filter-checks,.shop-filter-sidebar-groups>.shop-filter-field,.shop-filter-sidebar-groups>.shop-filter-price{width:100%;min-width:0;margin:0;padding:16px 0;border:0;border-bottom:1px solid var(--line)}.shop-filter-sidebar-groups>:last-child{border-bottom:0}.shop-filter-sidebar .shop-filter-checks legend,.shop-filter-sidebar .shop-filter-price legend,.shop-filter-sidebar .shop-filter-field>span{margin:0 0 9px;font-size:12px;line-height:1.35;font-weight:850;letter-spacing:.02em;text-transform:none;color:var(--ink)}.shop-filter-sidebar .shop-filter-checks>div{display:grid;gap:3px;max-height:190px;overflow:auto;padding-right:3px}.shop-filter-sidebar .shop-filter-checks label{display:flex;align-items:center;gap:9px;min-height:36px;padding:5px 7px;border-radius:8px;cursor:pointer;transition:background var(--motion),color var(--motion)}.shop-filter-sidebar .shop-filter-checks label:hover{background:var(--soft)}.shop-filter-sidebar .shop-filter-checks input{width:17px;height:17px;flex:0 0 17px;accent-color:var(--green)}.shop-filter-sidebar .shop-filter-checks span{font-size:12.5px;line-height:1.4;color:var(--ink)}.shop-filter-sidebar .shop-filter-field{display:grid;gap:0}.shop-filter-sidebar .shop-filter-field select{width:100%;min-width:0;height:44px;font-size:13px}.shop-filter-sidebar .shop-filter-price>div{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto}.shop-filter-sidebar .shop-filter-price input{min-height:42px;font-size:13px}.shop-catalog-main{min-width:0}.shop-catalog-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 14px;padding:0 0 13px;border-bottom:1px solid var(--line)}.shop-catalog-result{display:grid;gap:2px}.shop-catalog-result>[data-shop-result-count]{font-size:17px;font-weight:850;color:var(--ink)}.shop-catalog-result small{font-size:11px;color:var(--muted)}.shop-catalog-toolbar .shop-sort-group{display:block}.shop-catalog-toolbar .shop-filter-field{min-width:190px}.shop-catalog-toolbar .shop-filter-field>span{font-size:10px}.shop-catalog-toolbar .shop-filter-field select{width:100%;height:42px;font-size:12px}.shop-catalog-main .shop-filter-chips{margin:0 0 14px}.shop-catalog-main .shop-product-grid.discovery{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.shop-catalog-shell+.shop-saved-section{margin-top:46px}.shop-catalog-shell~.shop-saved-section{padding-top:30px}.shop-saved-section .section-head.compact h2{font-size:26px}.shop-discovery-meta{margin-bottom:24px} @media(min-width:901px){.shop-filter-sidebar-panel:not([open])>.shop-filter-sidebar-body{display:block}} @media(max-width:1180px){.shop-catalog-shell{grid-template-columns:minmax(225px,250px) minmax(0,1fr);gap:22px}.shop-catalog-main .shop-product-grid.discovery{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:900px){.shop-catalog-shell{display:block}.shop-filter-sidebar{margin-bottom:18px}.shop-filter-sidebar-panel{position:static;border-radius:14px;box-shadow:none}.shop-filter-sidebar-panel>summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;align-items:center;min-height:58px;padding:12px 15px;cursor:pointer}.shop-filter-sidebar-panel>summary::-webkit-details-marker{display:none}.shop-filter-sidebar-panel>summary>span{font-size:14px;font-weight:850}.shop-filter-sidebar-panel>summary>small{grid-column:1;font-size:11px;color:var(--muted)}.shop-filter-sidebar-panel>summary>svg{grid-column:2;grid-row:1/3;width:17px;height:17px;color:var(--green);transition:transform var(--motion)}.shop-filter-sidebar-panel[open]>summary>svg{transform:rotate(180deg)}.shop-filter-sidebar-panel[open]>summary{border-bottom:1px solid var(--line)}.shop-filter-sidebar-body{max-height:none;overflow:visible}.shop-filter-sidebar-heading{position:static;padding:14px 15px 10px}.shop-filter-sidebar-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;padding:0 15px 16px}.shop-filter-sidebar-groups>.shop-filter-checks,.shop-filter-sidebar-groups>.shop-filter-field,.shop-filter-sidebar-groups>.shop-filter-price{padding:14px 0}.shop-filter-sidebar .shop-filter-checks>div{max-height:160px}.shop-catalog-main .shop-product-grid.discovery{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:700px){.shop-discovery-meta a{margin-left:0}.shop-filter-sidebar-groups{grid-template-columns:1fr}.shop-filter-sidebar .shop-filter-checks>div{max-height:none}.shop-catalog-toolbar{align-items:end}.shop-catalog-result small{display:none}.shop-catalog-result>[data-shop-result-count]{font-size:15px}.shop-catalog-toolbar .shop-filter-field{min-width:150px}.shop-catalog-main .shop-product-grid.discovery{grid-template-columns:1fr}.shop-catalog-shell+.shop-saved-section{margin-top:34px}.shop-saved-grid{grid-template-columns:1fr 1fr}.shop-saved-grid .shop-related-card{grid-template-columns:60px minmax(0,1fr)}} @media(max-width:480px){.shop-catalog-toolbar{display:grid;grid-template-columns:1fr;align-items:stretch}.shop-catalog-toolbar .shop-filter-field{min-width:0}.shop-saved-grid{grid-template-columns:1fr}} /* CMS v2.21.0 - richer live search */ .shop-search-suggestion i{display:block;margin-top:4px;font-size:9px;font-style:normal;color:var(--green);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-search-suggestion em{margin-top:3px}.shop-search-results{max-height:min(520px,70vh);overflow:auto} /* v2.25.0 · Preisstaffeln, Produktdesigner Light & Motivbibliothek */ .shop-designer-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;margin:18px 0;padding:18px;border:1px solid color-mix(in srgb,var(--green) 25%,var(--line));border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--green) 7%,#fff),#fff)} .shop-designer-cta>div{display:grid;gap:4px}.shop-designer-cta .eyebrow{font-size:9px;color:var(--green)}.shop-designer-cta b{font-size:14px;line-height:1.35}.shop-designer-cta small{font-size:11px;line-height:1.45;color:var(--muted)} .designer-login-card{display:flex;gap:12px;flex-wrap:wrap;margin-top:-20px;padding-bottom:50px}.product-designer-page{padding-top:34px}.designer-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}.designer-hero h1{max-width:760px;margin:4px 0 8px;font-size:clamp(30px,4vw,52px);line-height:1.03}.designer-hero p{max-width:760px;color:var(--muted);line-height:1.65}.designer-no-motif{margin-bottom:22px}.designer-no-motif p{margin:5px 0 14px} .designer-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:30px;align-items:start}.designer-visual{position:sticky;top:92px;min-width:0}.designer-side-tabs{display:inline-flex;gap:4px;padding:4px;margin-bottom:12px;border:1px solid var(--line);border-radius:12px;background:#fff}.designer-side-tabs button{height:38px;padding:0 15px;border:0;border-radius:9px;background:transparent;font-size:12px;font-weight:800;color:var(--muted);cursor:pointer}.designer-side-tabs button.active{background:var(--ink);color:#fff}.designer-stage{position:relative;aspect-ratio:1/1;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#f7f8f6,#eef2ed);box-shadow:0 20px 45px rgba(24,37,27,.07)}.designer-product-image{width:100%;height:100%;object-fit:contain;display:block}.designer-product-placeholder{display:grid;place-items:center;width:100%;height:100%;color:var(--muted)}.designer-preview-badge{position:absolute;z-index:4;left:14px;top:14px;padding:7px 10px;border-radius:999px;background:rgba(23,34,25,.82);color:#fff;font-size:9px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;backdrop-filter:blur(8px)}.designer-print-area{position:absolute;z-index:3;border:1.5px dashed rgba(39,96,59,.55);border-radius:8px;background:rgba(81,132,91,.045);box-shadow:inset 0 0 0 1px rgba(255,255,255,.65)}.designer-print-area::before{content:'Druckfläche';position:absolute;left:5px;top:4px;font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:rgba(28,80,46,.72);pointer-events:none}.designer-print-area-empty{position:absolute;inset:0;display:grid;place-items:center;padding:18px;text-align:center;font-size:10px;color:var(--muted)}.designer-motif-object{position:absolute;transform:translate(-50%,-50%);height:auto;max-height:92%;object-fit:contain;cursor:grab;touch-action:none;user-select:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.12))}.designer-motif-object:active{cursor:grabbing}.designer-stage-help{margin:10px 3px 0;font-size:11px;line-height:1.55;color:var(--muted)} .designer-controls{display:grid;gap:12px}.designer-control-section{display:grid;grid-template-columns:34px minmax(0,1fr);gap:13px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}.designer-control-section>.step{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--soft);font-size:12px;font-weight:900;color:var(--green)}.designer-control-section>div{display:grid;gap:12px;min-width:0}.designer-control-section>div>b{font-size:15px}.designer-native-field{display:grid;gap:7px}.designer-native-field label{font-size:11px;font-weight:800}.designer-native-field select{width:100%;height:46px}.designer-inline-actions,.designer-final-actions{display:flex;gap:9px;flex-wrap:wrap}.designer-price-box{padding:14px;border-radius:13px;background:var(--soft)}.designer-price-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.designer-price-grid>div{display:grid;gap:3px}.designer-price-grid small{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.designer-price-grid b{font-size:14px}.designer-price-grid .total{grid-column:1/-1;padding-top:10px;border-top:1px solid var(--line)}.designer-price-grid .total b{font-size:23px;color:var(--ink)}.designer-price-grid .total span{font-size:10px;color:var(--muted)}.designer-next-tier{display:flex;gap:9px;align-items:flex-start;margin-top:12px;padding:10px;border-radius:10px;background:#fff}.designer-next-tier svg{flex:0 0 15px;width:15px;color:var(--green)}.designer-next-tier span{font-size:10px;line-height:1.45}.designer-next-tier b{display:block;font-size:11px}.designer-price-loading{padding:14px;text-align:center;font-size:11px;color:var(--muted)} .motif-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.motif-library-card{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff}.motif-library-card.archived{opacity:.58}.motif-library-thumb{display:grid;place-items:center;aspect-ratio:4/3;padding:18px;background:linear-gradient(145deg,#f7f8f6,#eef1ed)}.motif-library-thumb img{max-width:100%;max-height:100%;object-fit:contain}.motif-library-info{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:14px 14px 8px}.motif-library-info>div:first-child{display:grid;gap:3px;min-width:0}.motif-library-info b{font-size:14px}.motif-library-info small,.motif-library-info span{font-size:10px;color:var(--muted)}.motif-library-actions{display:flex;gap:3px}.motif-library-card>p{padding:0 14px 10px;font-size:11px;line-height:1.5;color:var(--muted)}.motif-library-card>footer{display:flex;justify-content:space-between;gap:8px;padding:10px 14px;border-top:1px solid var(--line);font-size:9px;font-weight:750;color:var(--muted)}.design-project-list{display:grid;gap:10px}.design-project-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:13px}.design-project-card>div:first-child{display:grid;gap:4px}.design-project-card>div:first-child b{font-size:14px}.design-project-card small{font-size:10px;color:var(--muted)}.design-project-summary{display:grid;justify-items:end;gap:3px}.design-project-summary span{font-size:10px;color:var(--muted)}.design-project-summary b{font-size:15px} @media(max-width:1000px){.designer-layout{grid-template-columns:1fr}.designer-visual{position:static;max-width:720px;margin-inline:auto;width:100%}.motif-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:700px){.shop-designer-cta{grid-template-columns:1fr}.shop-designer-cta .btn{width:100%}.designer-hero{display:grid;align-items:start}.designer-hero h1{font-size:34px}.designer-layout{gap:18px}.designer-stage{border-radius:16px}.designer-control-section{grid-template-columns:28px minmax(0,1fr);padding:14px}.designer-control-section>.step{width:26px;height:26px}.designer-final-actions{display:grid;grid-template-columns:1fr}.designer-final-actions .btn{width:100%}.motif-library-grid{grid-template-columns:1fr}.design-project-card{grid-template-columns:1fr}.design-project-summary{justify-items:start}.designer-login-card{display:grid}.designer-login-card .btn{width:100%}} .designer-tier-table{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff}.designer-tier-table-head{display:grid;gap:3px}.designer-tier-table-head b{font-size:12px}.designer-tier-table-head span{font-size:10px;line-height:1.45;color:var(--muted)}.designer-tier-rows{display:grid;border-top:1px solid var(--line)}.designer-tier-rows>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--line);font-size:10px}.designer-tier-rows>div:last-child{border-bottom:0}.designer-tier-rows span{color:var(--muted)}.designer-tier-table>small{font-size:9px;color:var(--muted)}.motif-version-list{display:grid;gap:8px;margin-bottom:14px}.motif-version-row{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px}.motif-version-thumb{display:grid;place-items:center;width:72px;aspect-ratio:4/3;padding:7px;border-radius:9px;background:var(--soft)}.motif-version-thumb img{max-width:100%;max-height:100%;object-fit:contain}.motif-version-row>div:nth-child(2){display:grid;gap:3px}.motif-version-row b{font-size:12px}.motif-version-row span,.motif-version-row small{font-size:9px;color:var(--muted)} @media(max-width:600px){.motif-version-row{grid-template-columns:58px minmax(0,1fr)}.motif-version-thumb{width:58px}.motif-version-row>.pill{grid-column:2;justify-self:start}} /* v2.68.2 Desktop Shop Filter Refinement */ @media(min-width:901px){ .shop-catalog-shell{grid-template-columns:minmax(285px,310px) minmax(0,1fr);gap:34px} .shop-filter-sidebar-panel{border:1px solid rgba(40,90,76,.14);border-radius:20px;background:linear-gradient(180deg,#fff 0%,#fbfcf8 100%);box-shadow:0 18px 48px rgba(28,40,31,.075)} .shop-filter-sidebar-body{max-height:calc(100vh - 112px);scrollbar-color:rgba(40,90,76,.24) transparent} .shop-filter-sidebar-heading{padding:21px 20px 17px;border-bottom:1px solid rgba(40,90,76,.11);background:rgba(255,255,255,.94)} .shop-filter-sidebar-heading small{font-size:8px;letter-spacing:.16em;color:var(--green)} .shop-filter-sidebar-heading b{font-size:16px;letter-spacing:-.015em} .shop-filter-sidebar-heading .shop-filter-reset{padding:8px 10px;border:1px solid rgba(40,90,76,.13);border-radius:9px;background:#f7f9f4;color:var(--green);font-size:10px;font-weight:750;transition:background var(--motion),border-color var(--motion),transform var(--motion)} .shop-filter-sidebar-heading .shop-filter-reset:hover{background:var(--soft);border-color:rgba(40,90,76,.24);transform:translateY(-1px)} .shop-filter-sidebar-groups{padding:2px 20px 18px} .shop-filter-sidebar-groups>.shop-filter-checks,.shop-filter-sidebar-groups>.shop-filter-field,.shop-filter-sidebar-groups>.shop-filter-price{padding:18px 0;border-bottom-color:rgba(40,90,76,.1)} .shop-filter-sidebar .shop-filter-checks legend,.shop-filter-sidebar .shop-filter-price legend,.shop-filter-sidebar .shop-filter-field>span{margin-bottom:11px;font-size:11px;font-weight:850;letter-spacing:.045em;text-transform:uppercase;color:#405148} .shop-filter-sidebar .shop-filter-checks>div{gap:5px;max-height:205px;padding-right:5px} .shop-filter-sidebar .shop-filter-checks label{min-height:38px;padding:7px 9px;border:1px solid transparent;border-radius:10px;background:transparent;transition:background var(--motion),border-color var(--motion),box-shadow var(--motion)} .shop-filter-sidebar .shop-filter-checks label:hover{background:#f4f7f1;border-color:rgba(40,90,76,.1)} .shop-filter-sidebar .shop-filter-checks label:has(input:checked){background:#eef3e9;border-color:rgba(40,90,76,.2);box-shadow:inset 3px 0 0 var(--green)} .shop-filter-sidebar .shop-filter-checks input{width:16px;height:16px;flex-basis:16px} .shop-filter-sidebar .shop-filter-checks span{font-size:12.5px;color:#34463d} .shop-filter-sidebar .shop-filter-field select{height:46px;border-color:rgba(40,90,76,.15);border-radius:10px;background:#fff} .shop-filter-sidebar .shop-filter-price>div{gap:8px} .shop-filter-sidebar .shop-filter-price input{min-height:44px;border-color:rgba(40,90,76,.15);border-radius:10px;background:#fff} } /* v2.68.3 Compact size and high-volume color filters */ .shop-filter-sidebar .shop-filter-sizes legend{display:flex;align-items:center;justify-content:space-between;gap:10px} .shop-filter-sidebar .shop-filter-sizes legend small{font-size:10px;font-weight:750;color:var(--muted)} .shop-filter-sidebar .shop-filter-sizes>.shop-filter-size-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-height:150px;overflow:auto;padding:1px 3px 1px 0} .shop-filter-sidebar .shop-filter-sizes label{display:block;min-height:0;padding:0;border:0;background:transparent} .shop-filter-sidebar .shop-filter-sizes label:hover{background:transparent;border-color:transparent} .shop-filter-sidebar .shop-filter-sizes label:has(input:checked){background:transparent;border-color:transparent;box-shadow:none} .shop-filter-sidebar .shop-filter-sizes input{position:absolute;opacity:0;pointer-events:none} .shop-filter-sidebar .shop-filter-sizes span{display:flex;align-items:center;justify-content:center;width:100%;min-height:36px;padding:6px;border:1px solid rgba(40,90,76,.13);border-radius:9px;background:#fff;font-size:11.5px;font-weight:800;line-height:1;color:#34463d;cursor:pointer;transition:background var(--motion),border-color var(--motion),color var(--motion),box-shadow var(--motion)} .shop-filter-sidebar .shop-filter-sizes label:hover span{border-color:rgba(40,90,76,.28);background:#f7f9f4} .shop-filter-sidebar .shop-filter-sizes input:checked+span{border-color:var(--green);background:var(--green);color:#fff;box-shadow:0 5px 14px rgba(40,90,76,.17)} .shop-filter-sidebar .shop-filter-sizes input:focus-visible+span{outline:3px solid color-mix(in srgb,var(--green) 30%,transparent);outline-offset:2px} .shop-filter-sidebar-groups>.shop-filter-colors{width:100%;min-width:0;margin:0;padding:18px 0;border:0;border-bottom:1px solid rgba(40,90,76,.1)} .shop-filter-colors legend{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;margin:0 0 11px;font-size:11px;font-weight:850;letter-spacing:.045em;text-transform:uppercase;color:#405148} .shop-filter-colors legend small{font-size:10px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--muted)} .shop-filter-color-search{display:flex;align-items:center;gap:8px;height:40px;margin-bottom:10px;padding:0 10px;border:1px solid rgba(40,90,76,.14);border-radius:10px;background:#fff} .shop-filter-color-search svg{width:14px;height:14px;flex:0 0 14px;color:var(--sage)} .shop-filter-color-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:12px} .shop-filter-color-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;max-height:246px;overflow:auto;padding:4px 5px 4px 2px;scrollbar-width:thin;scrollbar-color:rgba(40,90,76,.24) transparent} .shop-filter-color-grid label{position:relative;display:grid;place-items:center;min-width:0;cursor:pointer} .shop-filter-color-grid label[hidden]{display:none} .shop-filter-color-grid input{position:absolute;opacity:0;pointer-events:none} .shop-filter-color-swatch{display:block;width:27px;height:27px;border-radius:50%;background:var(--swatch);border:2px solid #fff;box-shadow:0 0 0 1px rgba(45,57,48,.23);transition:transform var(--motion),box-shadow var(--motion)} .shop-filter-color-grid label:hover .shop-filter-color-swatch{transform:scale(1.09);box-shadow:0 0 0 2px rgba(40,90,76,.24),0 5px 12px rgba(25,40,30,.12)} .shop-filter-color-grid input:checked+.shop-filter-color-swatch{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--green);transform:scale(.9)} .shop-filter-color-grid input:focus-visible+.shop-filter-color-swatch{outline:3px solid color-mix(in srgb,var(--green) 35%,transparent);outline-offset:4px} @media(max-width:900px){.shop-filter-sidebar .shop-filter-sizes>.shop-filter-size-grid{grid-template-columns:repeat(5,minmax(0,1fr));max-height:160px}.shop-filter-color-grid{grid-template-columns:repeat(10,minmax(0,1fr));max-height:230px}} @media(max-width:700px){.shop-filter-sidebar .shop-filter-sizes>.shop-filter-size-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:none}.shop-filter-color-grid{grid-template-columns:repeat(8,minmax(0,1fr));max-height:250px}.shop-filter-color-search{height:44px}.shop-filter-color-search input{font-size:16px}} @media(max-width:430px){.shop-filter-color-grid{grid-template-columns:repeat(7,minmax(0,1fr))}} /* v2.68.4 Compact chip filters for category, product type, fit, grammage and finishing */ .shop-filter-sidebar .shop-filter-chip-group legend{display:flex;align-items:center;justify-content:space-between;gap:10px} .shop-filter-sidebar .shop-filter-chip-group legend small{font-size:10px;font-weight:750;color:var(--muted)} .shop-filter-sidebar .shop-filter-chip-group>.shop-filter-chip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:190px;overflow:auto;padding:1px 3px 1px 0} .shop-filter-sidebar .shop-filter-chip-group label{display:block;min-height:0;padding:0;border:0;background:transparent} .shop-filter-sidebar .shop-filter-chip-group label:hover{background:transparent;border-color:transparent} .shop-filter-sidebar .shop-filter-chip-group label:has(input:checked){background:transparent;border-color:transparent;box-shadow:none} .shop-filter-sidebar .shop-filter-chip-group input{position:absolute;opacity:0;pointer-events:none} .shop-filter-sidebar .shop-filter-chip-group span{display:flex;align-items:center;justify-content:center;width:100%;min-height:36px;padding:7px 8px;border:1px solid rgba(40,90,76,.13);border-radius:9px;background:#fff;font-size:11.5px;font-weight:800;line-height:1.15;text-align:center;color:#34463d;cursor:pointer;transition:background var(--motion),border-color var(--motion),color var(--motion),box-shadow var(--motion)} .shop-filter-sidebar .shop-filter-chip-group label:hover span{border-color:rgba(40,90,76,.28);background:#f7f9f4} .shop-filter-sidebar .shop-filter-chip-group input:checked+span{border-color:var(--green);background:var(--green);color:#fff;box-shadow:0 5px 14px rgba(40,90,76,.17)} .shop-filter-sidebar .shop-filter-chip-group input:focus-visible+span{outline:3px solid color-mix(in srgb,var(--green) 30%,transparent);outline-offset:2px} @media(max-width:900px){.shop-filter-sidebar .shop-filter-chip-group>.shop-filter-chip-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:210px}} @media(max-width:700px){.shop-filter-sidebar .shop-filter-chip-group>.shop-filter-chip-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}} /* v2.68.5 · Einheitlicher vertikaler Abstand vor kompakten Shop-Filtergruppen */ .shop-filter-sidebar .shop-filter-chip-group, .shop-filter-sidebar .shop-filter-sizes, .shop-filter-sidebar .shop-filter-colors{padding-top:28px} @media(max-width:900px){ .shop-filter-sidebar .shop-filter-chip-group, .shop-filter-sidebar .shop-filter-sizes, .shop-filter-sidebar .shop-filter-colors{padding-top:24px} } /* v2.68.6 · Sichtbare Leerzeile vor den kompakten Shop-Filtergruppen */ .shop-filter-sidebar-groups > .shop-filter-chip-group, .shop-filter-sidebar-groups > .shop-filter-sizes, .shop-filter-sidebar-groups > .shop-filter-colors{ margin-top:16px; } @media(max-width:900px){ .shop-filter-sidebar-groups > .shop-filter-chip-group, .shop-filter-sidebar-groups > .shop-filter-sizes, .shop-filter-sidebar-groups > .shop-filter-colors{ margin-top:14px; } } /* V2.74.0 Shop + Checkout Design System Harmonization */ .shop-card,.shop-filter-sidebar-panel,.checkout-card,.shop-summary,.shop-detail-panel,.textile-card,.textile-detail-card{border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:#fff;box-shadow:var(--ui-shadow-sm)} .shop-card{overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease} .shop-card:hover{transform:translateY(-2px);box-shadow:var(--ui-shadow-md);border-color:var(--ui-border-strong)} .shop-card-body,.shop-copy{padding:18px} .shop-filter-sidebar-panel{overflow:hidden} .shop-filter-sidebar-heading{border-bottom:1px solid var(--ui-border)} .shop-filter-sidebar .shop-filter-checks label,.shop-filter-sidebar .shop-filter-size-grid label{border-radius:9px} .shop-filter-sidebar .shop-filter-checks label:has(input:checked){background:var(--ui-surface-muted)} .shop-filter-color-search,.shop-filter-sidebar input[type=search]{min-height:40px;border:1px solid var(--ui-border-strong);border-radius:9px;background:#fff} .shop-filter-color-search:focus,.shop-filter-sidebar input[type=search]:focus{outline:0;border-color:var(--green);box-shadow:var(--ui-focus)} .checkout-grid{gap:22px} .checkout-card{padding:22px} .checkout-card h2,.checkout-card h3{letter-spacing:-.025em} .shipping-option,.payment-option,.checkout-option-card{border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:#fff;box-shadow:none;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .15s ease} .shipping-option:hover,.payment-option:hover,.checkout-option-card:hover{transform:translateY(-1px);border-color:var(--ui-border-strong);box-shadow:var(--ui-shadow-sm)} .shipping-option:has(input:checked),.payment-option:has(input:checked),.checkout-option-card:has(input:checked){background:#f4f8f0;border-color:rgba(40,90,76,.38);box-shadow:inset 0 0 0 1px rgba(40,90,76,.16)} .shop-toolbar{border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:#fbfcf9;padding:10px 12px} .shop-toolbar select,.shop-toolbar input{border-radius:9px} .textile-filter-bar,.textile-compare-bar{border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:#fbfcf9} /* V2.75.0 Shop Product Experience */ .shop-product-image{position:relative;display:block;overflow:hidden;background:#f6f7f3} .shop-card-image-primary,.shop-card-image-secondary{display:block;position:relative;inset:auto;width:100%;transition:opacity .28s ease,transform .38s ease} .shop-card-image-secondary{position:absolute;inset:0;opacity:0;pointer-events:none} .shop-product-image.has-secondary:hover .shop-card-image-primary{opacity:0} .shop-product-image.has-secondary:hover .shop-card-image-secondary{opacity:1;transform:scale(1.015)} .shop-card-variant-summary{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;color:var(--muted);font-size:.78rem;font-weight:700} .shop-card-variant-summary span{padding:4px 8px;border:1px solid var(--ui-border);border-radius:999px;background:var(--ui-surface-muted)} .shop-card-sizes.compact{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:9px} .shop-card-sizes.compact>span{display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:28px;padding:3px 7px;border:1px solid var(--ui-border);border-radius:8px;background:#fff;font-size:.74rem;font-weight:750;line-height:1} .shop-card-sizes.compact>small{font-weight:800;color:var(--muted)} .shop-card-delivery{display:inline-flex!important;align-items:center;gap:6px;color:#405f52!important;font-weight:700} .shop-detail-statusbar{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;margin:12px 0 4px;padding:10px 12px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface-muted)} .shop-detail-statusbar .shop-stock{margin:0} .shop-detail-variant-count{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:.82rem;font-weight:750} .shop-delivery-estimate{margin-top:12px;border:1px solid rgba(40,90,76,.16);border-radius:var(--ui-radius-md);background:#f5f9f5;padding:12px 14px} @media(min-width:961px){ .shop-detail{align-items:start} .shop-buy-panel{position:sticky;top:96px;align-self:start;max-height:calc(100vh - 116px);overflow:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-width:thin} } @media(max-width:960px){ .shop-product-image.has-secondary:hover .shop-card-image-primary{opacity:1} .shop-product-image.has-secondary:hover .shop-card-image-secondary{opacity:0} .shop-detail-statusbar{align-items:flex-start;flex-direction:column} } /* V2.77.2 · Shop UI Feinabstimmung */ @media(min-width:961px){ .shop-buy-panel{max-height:none;overflow:visible;overscroll-behavior:auto;padding-right:0;scrollbar-width:auto} } @media(min-width:901px){ .shop-filter-sidebar-body{max-height:none;overflow:visible;overscroll-behavior:auto;scrollbar-width:auto} } .shop-filter-sidebar-groups > .shop-filter-price{margin-top:16px} .shop-discovery-search{border-color:transparent} .shop-discovery-search:focus-within{border-color:transparent} .shop-discovery-search input{border:0!important;box-shadow:none!important;outline:0!important} @media(max-width:900px){.shop-filter-sidebar-groups > .shop-filter-price{margin-top:14px}} /* V2.77.3 · Shop Buy Panel + Farbsuche Feinschliff */ @media(min-width:961px){ .shop-buy-panel{ padding:28px 30px 30px; } } .shop-filter-color-search input[type="search"]{ border:0!important; outline:0!important; box-shadow:none!important; background:transparent!important; border-radius:0!important; } .shop-filter-color-search input[type="search"]:focus, .shop-filter-color-search input[type="search"]:focus-visible{ border:0!important; outline:0!important; box-shadow:none!important; } /* V2.78.0 Onepage Checkout */ .checkout-premium{gap:18px} .checkout-onepage-intro{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:15px 18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,#f7faf5,#fff)} .checkout-onepage-intro>span{grid-row:1/3;align-self:stretch;display:grid;place-items:center;padding:0 12px;border-radius:10px;background:var(--green);color:#fff;font-size:8px;font-weight:800;letter-spacing:.1em}.checkout-onepage-intro>b{font-size:12px}.checkout-onepage-intro>small{margin-top:2px;color:var(--muted);font-size:9px;line-height:1.5} .checkout-grid.premium.onepage{grid-template-columns:minmax(0,1.5fr) minmax(330px,.65fr);gap:28px;align-items:start} .checkout-onepage-main{display:grid;gap:18px;min-width:0}.checkout-onepage-form{gap:18px}.checkout-onepage-form .checkout-step{overflow:visible}.checkout-onepage-form .checkout-step-body{padding:24px}.checkout-onepage-form .checkout-step-head{position:relative}.checkout-onepage-form .checkout-step-head:after{content:'';position:absolute;left:22px;right:22px;bottom:-1px;height:1px;background:linear-gradient(90deg,var(--green),transparent 55%);opacity:.26} .checkout-onepage-check{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.checkout-onepage-check .btn{min-width:210px;min-height:50px}.checkout-onepage-check .checkout-final-notice{margin:0} .checkout-inline-review[hidden]{display:none}.checkout-inline-review{scroll-margin-top:100px}.checkout-onepage-review-panel{border-color:#bfd0b8;box-shadow:0 18px 45px rgba(31,55,34,.08)}.checkout-step-number-done{background:#2f6a43!important}.checkout-onepage-review-panel .payment-order-button{width:100%;min-height:56px}.checkout-onepage-review-panel .form-actions{margin-top:18px} .checkout-grid.premium.onepage>.shop-summary{position:sticky;top:88px;max-height:none;overflow:visible}.checkout-progress{display:none!important} @media(max-width:1050px){.checkout-grid.premium.onepage{grid-template-columns:1fr}.checkout-grid.premium.onepage>.shop-summary{position:static}.checkout-onepage-intro{grid-template-columns:1fr}.checkout-onepage-intro>span{grid-row:auto;justify-self:start;padding:6px 8px;margin-bottom:5px}.checkout-onepage-check{align-items:stretch;flex-direction:column}.checkout-onepage-check .btn{width:100%}} @media(max-width:600px){.checkout-onepage-form .checkout-step-body{padding:18px}.checkout-onepage-intro{padding:14px}.checkout-account-choice{align-items:flex-start;flex-direction:column}.checkout-account-actions{justify-content:flex-start}} /* V2.79.0 Textile Customizer */ .shop-customizer{margin-top:22px;padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#fff,#f7f8f4)} .shop-customizer-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.shop-customizer-head h3{margin:4px 0 6px;font-size:18px}.shop-customizer-head p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}.shop-customizer-head .switch-row{flex:0 0 auto} .shop-customizer-body{margin-top:18px}.shop-customizer-grid{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(240px,1.1fr);gap:18px}.shop-customizer-preview-stage{position:relative;aspect-ratio:1/1;border-radius:16px;overflow:hidden;background:#f1f3ef;border:1px solid var(--line);display:grid;place-items:center}.shop-customizer-preview-stage>img{width:100%;height:100%;object-fit:contain}.shop-customizer-motif{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;pointer-events:none}.shop-customizer-motif img{width:100%;height:auto;max-height:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.12))}.shop-customizer-preview-note{position:absolute;left:10px;bottom:10px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.9);font-size:8px;font-weight:800;color:var(--muted)}.shop-customizer-side-tabs{display:flex;gap:8px;margin-top:8px}.shop-customizer-side-tabs button{flex:1;border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px;font-size:9px;font-weight:800}.shop-customizer-side-tabs button.active{border-color:var(--green);color:var(--green);background:var(--soft)}.shop-customizer-controls{display:grid;gap:12px}.shop-customizer-range{display:flex;align-items:center;gap:12px}.shop-customizer-range input{flex:1}.shop-customizer-range b{min-width:58px;text-align:right}.shop-customizer-price{padding:14px;border-radius:14px;background:var(--soft);display:grid;gap:4px}.shop-customizer-price span,.shop-customizer-price small{font-size:9px;color:var(--muted)}.shop-customizer-price b{font-size:18px}.cart-customizer{display:grid;gap:4px;margin-top:8px;padding:9px 10px;border-radius:10px;background:var(--soft);font-size:9px}.cart-customizer>span{color:var(--muted)}.cart-customizer-motif{display:flex;align-items:center;gap:7px}.cart-customizer-motif img{width:26px;height:26px;object-fit:contain;border-radius:6px;background:#fff}.review-customizer{color:var(--green)!important} @media(max-width:760px){.shop-customizer-head{display:grid}.shop-customizer-grid{grid-template-columns:1fr}.shop-customizer{padding:14px}} /* V2.80.0 B2B Mengenmatrix & Live-Staffeln */ .shop-live-tiers{margin:18px 0;padding:15px;border:1px solid var(--ui-border,#dde3df);border-radius:16px;background:linear-gradient(180deg,#fff,#f7f9f7)} .shop-live-tiers-head{display:grid;gap:4px;margin-bottom:12px}.shop-live-tiers-head>b{font-size:14px}.shop-live-tiers-head>small{color:var(--muted);font-size:10px;line-height:1.45} .shop-live-tier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:7px}.shop-live-tier-grid>span{display:grid;gap:2px;padding:9px 10px;border:1px solid var(--ui-border,#dde3df);border-radius:11px;background:#fff}.shop-live-tier-grid>span b{font-size:12px}.shop-live-tier-grid>span small{font-size:9px;color:var(--muted)}.shop-live-tier-grid>span.active{border-color:var(--green);background:var(--soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--green) 25%,transparent)} .shop-bulk-order{margin-top:18px;border:1px solid var(--ui-border,#dde3df);border-radius:18px;background:#fff;overflow:hidden}.shop-bulk-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:17px}.shop-bulk-head h3{margin:4px 0 5px;font-size:16px}.shop-bulk-head p{margin:0;max-width:48ch;color:var(--muted);font-size:10px;line-height:1.5}.shop-bulk-body{padding:0 17px 17px;border-top:1px solid var(--ui-border,#dde3df)} .shop-bulk-color-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;padding:15px 0}.shop-bulk-color-add label{display:grid;gap:6px}.shop-bulk-color-add label>span{font-size:10px;font-weight:800}.shop-bulk-color-add input{width:100%;height:42px;border:1px solid var(--ui-border,#dde3df);border-radius:11px;padding:0 12px;background:#fff} .shop-bulk-colors{display:grid;gap:12px}.shop-bulk-color-row{border:1px solid var(--ui-border,#dde3df);border-radius:14px;overflow:hidden;background:#fafbfa}.shop-bulk-color-row>header{display:flex;align-items:center;gap:9px;padding:10px 12px;background:#fff;border-bottom:1px solid var(--ui-border,#dde3df)}.shop-bulk-color-row>header b{flex:1;font-size:12px}.shop-bulk-color-row .shop-filter-color-swatch{width:18px;height:18px;flex:0 0 18px} .shop-bulk-size-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(82px,1fr));gap:8px;padding:10px}.shop-bulk-size-grid label{display:grid;grid-template-columns:1fr;gap:5px;padding:8px;border:1px solid var(--ui-border,#dde3df);border-radius:10px;background:#fff}.shop-bulk-size-grid label>span{font-size:10px;font-weight:850}.shop-bulk-size-grid input{width:100%;height:34px;text-align:center;border:1px solid var(--ui-border,#dde3df);border-radius:8px;padding:0 5px}.shop-bulk-size-grid small{font-size:8px;color:var(--muted)}.shop-bulk-size-grid label.disabled{opacity:.45;background:#f3f4f3} .shop-bulk-summary{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:baseline;margin-top:13px;padding:12px 14px;border-radius:12px;background:var(--soft)}.shop-bulk-summary span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.shop-bulk-summary b{font-size:17px}.shop-bulk-summary small{grid-column:1/-1;color:var(--muted);font-size:9px} @media(max-width:700px){.shop-bulk-head{display:grid}.shop-bulk-color-add{grid-template-columns:1fr}.shop-bulk-size-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-live-tier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} .shop-bulk-summary-prices{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.shop-bulk-summary-prices>span{display:grid;gap:2px;padding:8px 9px;border-radius:9px;background:#fff}.shop-bulk-summary-prices small{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.shop-bulk-summary-prices b{font-size:12px}.shop-bulk-summary-prices>span:last-child b{color:var(--green)} /* V2.81.0 · Kundenkomfort: Motivbibliothek, Nachbestellung & Muster */ .customizer-library-save{padding:10px 12px;border:1px solid var(--ui-border,#dde3df);border-radius:12px;background:#fff}.customizer-library-save span{font-size:10px;line-height:1.45}.shop-sample-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;padding:14px 16px;border:1px solid var(--ui-border,#dde3df);border-radius:15px;background:linear-gradient(135deg,#fafcf9,#fff)}.shop-sample-cta>div{display:grid;gap:3px}.shop-sample-cta b{font-size:12px}.shop-sample-cta small{color:var(--muted);font-size:9px;line-height:1.45}.reorder-edit-list{display:grid;gap:10px;margin:14px 0}.reorder-edit-row{display:grid;grid-template-columns:minmax(150px,1.2fr) minmax(180px,1fr) 110px;gap:12px;align-items:end;padding:12px;border:1px solid var(--ui-border,#dde3df);border-radius:13px;background:#fafbfa}.reorder-edit-row>div{display:grid;gap:4px}.reorder-edit-row>div small{color:var(--muted);font-size:9px}.reorder-edit-row label{display:grid;gap:6px;font-size:9px;font-weight:800}.reorder-edit-row select,.reorder-edit-row input{min-height:40px;border:1px solid var(--ui-border,#dde3df);border-radius:10px;padding:0 10px;background:#fff} @media(max-width:760px){.shop-sample-cta{align-items:stretch;flex-direction:column}.shop-sample-cta .btn{width:100%}.reorder-edit-row{grid-template-columns:1fr}.reorder-edit-row label:last-child{max-width:140px}} /* V2.83.0 · B2C Ideenstart, Instant Design & Foto-Studio */ .shop-b2c-page-intro{padding-bottom:26px}.shop-b2c-entry{padding-top:0}.shop-b2c-entry .container{padding-top:4px}.shop-b2c-entry-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:18px}.shop-b2c-entry-head>div{max-width:760px}.shop-b2c-entry-head h2,.shop-catalog-intro h2{margin:5px 0 7px;letter-spacing:-.035em}.shop-b2c-entry-head p,.shop-catalog-intro p{margin:0;color:var(--muted);font-size:11px;line-height:1.65}.shop-b2c-entry-note{flex:0 0 auto;padding:8px 11px;border:1px solid rgba(40,90,76,.2);border-radius:999px;background:#f4f8f2;color:var(--green);font-size:9px;font-weight:850;letter-spacing:.03em} .shop-occasion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.shop-occasion-card{appearance:none;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:96px;padding:15px;border:1px solid var(--ui-border,#dde3df);border-radius:17px;background:#fff;text-align:left;color:inherit;box-shadow:var(--ui-shadow-sm);cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.shop-occasion-card:hover,.shop-occasion-card:focus-visible{transform:translateY(-2px);border-color:rgba(40,90,76,.42);background:#fbfdf9;box-shadow:var(--ui-shadow-md)}.shop-occasion-card:focus-visible{outline:3px solid rgba(40,90,76,.16);outline-offset:2px}.shop-occasion-card>span:nth-child(2){display:grid;gap:4px}.shop-occasion-card b{font-size:13px;letter-spacing:-.01em}.shop-occasion-card small{color:var(--muted);font-size:9px;line-height:1.45}.shop-occasion-card>.icon{width:16px;height:16px;color:var(--muted)}.shop-occasion-symbol{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,#eef4ea,#f9faf7);border:1px solid rgba(40,90,76,.13);color:var(--green);font-size:11px;font-weight:900;letter-spacing:-.02em}.shop-b2c-direct{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:12px;padding:11px 14px;border-radius:13px;background:var(--soft,#f4f6f2);font-size:9px}.shop-b2c-direct span{color:var(--muted)}.shop-b2c-direct a{display:inline-flex;align-items:center;gap:6px;font-weight:850;color:var(--green)}.shop-b2c-direct a .icon{width:13px;height:13px}.shop-catalog-intro{margin:0 0 18px;padding-top:8px}.shop-catalog-intro p{max-width:680px} .shop-b2c-wizard,.shop-b2c-results{min-width:min(780px,calc(100vw - 72px))}.shop-b2c-wizard-intro{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:17px;border-bottom:1px solid var(--ui-border,#dde3df)}.shop-b2c-wizard-intro h3{margin:4px 0 4px}.shop-b2c-wizard-intro p{margin:0;color:var(--muted);font-size:10px}.shop-b2c-question-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.shop-b2c-question-grid>label{display:grid;align-content:start;gap:8px;padding:14px;border:1px solid var(--ui-border,#dde3df);border-radius:14px;background:#fbfcfa}.shop-b2c-question-grid label>span{font-size:10px;font-weight:850}.shop-b2c-question-grid input,.shop-b2c-question-grid select{width:100%;min-height:43px;border:1px solid var(--ui-border-strong,#c9d2cd);border-radius:10px;background:#fff;padding:0 11px}.shop-b2c-question-grid small{color:var(--muted);font-size:8.5px;line-height:1.45}.shop-b2c-wizard-actions{display:flex;align-items:center;gap:9px;margin-top:18px} .shop-b2c-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:14px}.shop-b2c-result-head h3{margin:5px 0}.shop-b2c-result-head p{max-width:600px;margin:0;color:var(--muted);font-size:10px;line-height:1.55}.shop-b2c-qty-advice{display:grid;grid-template-columns:auto 1fr;gap:2px 16px;align-items:baseline;padding:13px 15px;border-radius:14px;background:#f4f8f2;border:1px solid rgba(40,90,76,.13)}.shop-b2c-qty-advice>span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.shop-b2c-qty-advice>b{font-size:14px}.shop-b2c-qty-advice>small{grid-column:1/-1;color:var(--muted);font-size:8.5px}.shop-b2c-idea-picker{margin-top:16px}.shop-b2c-idea-picker>span{display:block;margin-bottom:8px;font-size:9px;font-weight:850}.shop-b2c-idea-picker>div{display:flex;gap:7px;flex-wrap:wrap}.shop-b2c-idea-picker button{display:flex;align-items:center;gap:7px;min-height:36px;padding:6px 10px;border:1px solid var(--ui-border,#dde3df);border-radius:999px;background:#fff;font:inherit;font-size:9px;font-weight:750;cursor:pointer}.shop-b2c-idea-picker button small{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--soft,#f2f5ef);font-size:8px}.shop-b2c-idea-picker button.active{border-color:var(--green);background:#f4f8f2;color:var(--green)}.shop-b2c-product-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.shop-b2c-product-pick{position:relative;display:grid;grid-template-rows:auto auto 1fr auto;overflow:hidden;border:1px solid var(--ui-border,#dde3df);border-radius:16px;background:#fff}.shop-b2c-pick-rank{position:absolute;z-index:2;left:10px;top:10px;padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 3px 14px rgba(20,32,25,.1);font-size:8px;font-weight:850}.shop-b2c-pick-image{display:block;aspect-ratio:1.15/1;overflow:hidden;background:#f4f5f2}.shop-b2c-pick-image img{width:100%;height:100%;object-fit:contain;transition:transform .25s ease}.shop-b2c-product-pick:hover .shop-b2c-pick-image img{transform:scale(1.025)}.shop-b2c-product-pick>div{display:grid;gap:3px;padding:12px 13px}.shop-b2c-product-pick>div small{color:var(--muted);font-size:8px}.shop-b2c-product-pick>div b{font-size:11px}.shop-b2c-product-pick>div span{font-size:10px;font-weight:850}.shop-b2c-product-pick>div em{margin-top:3px;color:var(--green);font-size:8px;font-style:normal}.shop-b2c-product-pick footer{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:0 12px 12px}.shop-b2c-result-foot{margin-top:12px;color:var(--muted);font-size:8.5px}.shop-b2c-result-foot span{display:flex;align-items:center;gap:6px}.shop-b2c-result-foot .icon{width:13px;height:13px} .shop-b2c-creator{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding:13px 14px;border:1px solid rgba(40,90,76,.18);border-radius:14px;background:linear-gradient(135deg,#f5f9f2,#fff)}.shop-b2c-creator>div:first-child{display:grid;gap:3px}.shop-b2c-creator b{font-size:11px}.shop-b2c-creator small{max-width:52ch;color:var(--muted);font-size:8.5px;line-height:1.45}.shop-b2c-creator-actions{display:flex;gap:7px;flex:0 0 auto}.shop-b2c-creator-actions .icon{width:14px;height:14px} .instant-design,.photo-studio{width:min(1040px,calc(100vw - 72px))}.instant-design-lead,.photo-studio-lead{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:14px;border-bottom:1px solid var(--ui-border,#dde3df)}.instant-design-lead h3,.photo-studio-lead h3{margin:4px 0}.instant-design-lead p,.photo-studio-lead p{max-width:650px;margin:0;color:var(--muted);font-size:10px;line-height:1.55}.instant-design-privacy,.photo-note{flex:0 0 auto;padding:7px 9px;border-radius:999px;background:#f3f6f1;color:var(--green);font-size:8px;font-weight:800}.instant-prompt{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:14px 0}.instant-prompt>span{grid-column:1/-1;font-size:9px;font-weight:850}.instant-prompt textarea{min-height:72px;resize:vertical;border:1px solid var(--ui-border-strong,#c9d2cd);border-radius:12px;padding:11px 12px;font:inherit;line-height:1.45}.instant-prompt .btn{align-self:stretch}.instant-workspace,.photo-workspace{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(270px,.72fr);gap:16px;align-items:start}.instant-left,.photo-left{display:grid;gap:11px}.instant-product-preview,.photo-product-stage{padding:10px;border:1px solid var(--ui-border,#dde3df);border-radius:16px;background:#f5f6f3}.instant-product-stage,.photo-product-stage{position:relative;aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden;border-radius:12px;background:#fff}.instant-product-stage>.instant-product-base,.photo-product-stage>.photo-product-base{width:100%;height:100%;object-fit:contain}.instant-product-motif,.photo-product-motif{position:absolute;left:50%;top:43%;width:36%;height:36%;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));pointer-events:none}.instant-product-stage>span,.photo-product-stage>span{position:absolute;left:8px;bottom:8px;padding:5px 7px;border-radius:999px;background:rgba(255,255,255,.92);font-size:7.5px;font-weight:800;color:var(--muted)}.instant-presets,.photo-variants{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.instant-preset,.photo-variant{appearance:none;display:grid;gap:5px;padding:7px;border:1px solid var(--ui-border,#dde3df);border-radius:11px;background:#fff;color:inherit;text-align:left;cursor:pointer}.instant-preset>span,.photo-variant>span{display:grid;place-items:center;aspect-ratio:1/1;overflow:hidden;border-radius:8px;background:#f3f4f1}.instant-preset img,.photo-variant canvas{width:100%;height:100%;object-fit:contain}.instant-preset b,.photo-variant b{font-size:8.5px}.instant-preset.active,.photo-variant.active{border-color:var(--green);box-shadow:inset 0 0 0 1px rgba(40,90,76,.18);background:#f7faf5}.instant-controls,.photo-controls{display:grid;gap:10px;padding:14px;border:1px solid var(--ui-border,#dde3df);border-radius:16px;background:#fbfcfa}.instant-controls>label,.photo-controls>label{display:grid;gap:5px}.instant-controls label>span,.photo-controls label>span{font-size:8.5px;font-weight:850}.instant-controls input[type=text],.instant-controls select,.photo-controls input[type=text],.photo-controls select{width:100%;min-height:40px;border:1px solid var(--ui-border-strong,#c9d2cd);border-radius:9px;background:#fff;padding:0 10px}.instant-controls input[type=color],.photo-controls input[type=color]{width:100%;height:40px;padding:3px;border:1px solid var(--ui-border-strong,#c9d2cd);border-radius:9px;background:#fff}.instant-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.instant-range{display:flex;align-items:center;gap:10px}.instant-range input,.photo-controls input[type=range]{flex:1}.instant-range b{min-width:55px;text-align:right;font-size:9px}.instant-save{padding:9px;border:1px solid var(--ui-border,#dde3df);border-radius:10px;background:#fff}.instant-apply{display:grid;gap:6px;padding-top:4px}.instant-apply small{color:var(--muted);font-size:8px;line-height:1.45} .photo-drop{display:grid;place-items:center;gap:7px;min-height:160px;padding:22px;border:1.5px dashed var(--ui-border-strong,#c9d2cd);border-radius:15px;background:#fbfcfa;text-align:center;cursor:pointer}.photo-drop:hover{border-color:var(--green);background:#f7faf5}.photo-drop input{position:absolute;opacity:0;pointer-events:none}.photo-drop b{font-size:12px}.photo-drop span{max-width:46ch;color:var(--muted);font-size:9px;line-height:1.5}.photo-drop small{color:var(--muted);font-size:8px}.photo-variants{grid-template-columns:repeat(3,minmax(0,1fr))}.photo-variant{position:relative}.photo-variant canvas{display:block;background:linear-gradient(45deg,#eee 25%,transparent 25%),linear-gradient(-45deg,#eee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eee 75%),linear-gradient(-45deg,transparent 75%,#eee 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}.photo-controls .photo-hint{padding:9px 10px;border-radius:10px;background:#f3f5f1;color:var(--muted);font-size:8px;line-height:1.45}.photo-controls .photo-hint b{color:inherit} @media(max-width:900px){.shop-occasion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-b2c-product-picks{grid-template-columns:1fr 1fr}.shop-b2c-product-pick:last-child{grid-column:1/-1;grid-template-columns:180px 1fr;grid-template-rows:auto 1fr auto}.shop-b2c-product-pick:last-child .shop-b2c-pick-image{grid-row:1/4;aspect-ratio:auto}.instant-workspace,.photo-workspace{grid-template-columns:1fr}.instant-product-stage,.photo-product-stage{max-height:520px}.instant-controls,.photo-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.instant-controls>.instant-apply,.instant-controls>.instant-save,.photo-controls>.photo-hint{grid-column:1/-1}} @media(max-width:700px){.shop-b2c-entry-head,.instant-design-lead,.photo-studio-lead{align-items:flex-start;flex-direction:column}.shop-occasion-grid{grid-template-columns:1fr}.shop-occasion-card{min-height:82px}.shop-b2c-direct{align-items:flex-start;flex-direction:column}.shop-b2c-wizard,.shop-b2c-results,.instant-design,.photo-studio{min-width:0;width:auto}.shop-b2c-question-grid,.shop-b2c-product-picks{grid-template-columns:1fr}.shop-b2c-product-pick:last-child{grid-column:auto;grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto}.shop-b2c-product-pick:last-child .shop-b2c-pick-image{grid-row:auto;aspect-ratio:1.25/1}.shop-b2c-result-head{display:grid}.shop-b2c-creator{align-items:stretch;flex-direction:column}.shop-b2c-creator-actions{display:grid;grid-template-columns:1fr 1fr}.instant-prompt{grid-template-columns:1fr}.instant-prompt>span{grid-column:auto}.instant-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-variants{grid-template-columns:repeat(2,minmax(0,1fr))}.instant-controls,.photo-controls{grid-template-columns:1fr}.instant-controls>.instant-apply,.instant-controls>.instant-save,.photo-controls>.photo-hint{grid-column:auto}} @media(max-width:460px){.shop-b2c-creator-actions{grid-template-columns:1fr}.shop-b2c-wizard-actions{align-items:stretch;flex-direction:column}.shop-b2c-wizard-actions .btn{width:100%}.instant-two{grid-template-columns:1fr}.photo-variants{grid-template-columns:1fr 1fr}} @media(min-width:761px){dialog:has(.shop-b2c-wizard),dialog:has(.shop-b2c-results){width:min(900px,calc(100vw - 42px))}dialog:has(.instant-design),dialog:has(.photo-studio){width:min(1120px,calc(100vw - 42px))}} .photo-variant img{display:block;width:100%;height:100%;object-fit:contain;background:linear-gradient(45deg,#eee 25%,transparent 25%),linear-gradient(-45deg,#eee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eee 75%),linear-gradient(-45deg,transparent 75%,#eee 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0} /* V2.84.0 · DesignCheck, Realitätsmodus & Geschenkmodus */ .shop-reality-toggle{display:inline-flex;gap:4px;padding:4px;border:1px solid rgba(20,28,38,.12);border-radius:999px;background:rgba(255,255,255,.88);box-shadow:0 8px 24px rgba(20,28,38,.06);margin:10px 0 14px}.shop-reality-toggle button{appearance:none;border:0;background:transparent;border-radius:999px;padding:8px 13px;font:inherit;font-size:.82rem;font-weight:700;color:var(--muted,#65707e);cursor:pointer}.shop-reality-toggle button.active{background:var(--ink,#17202b);color:#fff}.shop-customizer-preview-stage,.instant-product-stage,.photo-product-stage,.gift-recipient-stage{position:relative;isolation:isolate;overflow:hidden}.shop-customizer-preview-stage>img,.instant-product-stage>.instant-product-base,.photo-product-stage>.photo-product-base,.gift-recipient-stage>img{position:relative;z-index:1}.shop-customizer-motif,.instant-product-motif,.photo-product-stage [data-photo-product-motif],.gift-recipient-motif{z-index:4}.is-fabric-view:before,.is-fabric-view:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:5}.is-fabric-view:before{background:repeating-linear-gradient(96deg,rgba(255,255,255,.055) 0 1px,rgba(0,0,0,.025) 1px 3px),repeating-linear-gradient(4deg,rgba(255,255,255,.028) 0 1px,rgba(0,0,0,.018) 1px 2px);mix-blend-mode:soft-light;opacity:.72}.is-fabric-view:after{background:linear-gradient(105deg,transparent 12%,rgba(0,0,0,.08) 31%,rgba(255,255,255,.09) 45%,transparent 58%,rgba(0,0,0,.07) 74%,transparent 88%),radial-gradient(ellipse at 48% 12%,rgba(255,255,255,.11),transparent 45%);mix-blend-mode:soft-light;opacity:.62}.is-fabric-view .shop-customizer-motif img,.is-fabric-view .instant-product-motif,.is-fabric-view [data-photo-product-motif],.is-fabric-view .gift-recipient-motif img{filter:saturate(.94) contrast(.98);opacity:.96}.shop-customizer-size-guide{position:absolute;z-index:7;transform:translate(-50%,-50%);height:16px;border-top:1px solid rgba(23,32,43,.78);pointer-events:none;text-align:center}.shop-customizer-size-guide:before,.shop-customizer-size-guide:after{content:"";position:absolute;top:-4px;width:1px;height:8px;background:rgba(23,32,43,.78)}.shop-customizer-size-guide:before{left:0}.shop-customizer-size-guide:after{right:0}.shop-customizer-size-guide b{display:inline-block;transform:translateY(-20px);padding:2px 7px;border-radius:999px;background:rgba(255,255,255,.9);box-shadow:0 2px 8px rgba(20,28,38,.12);font-size:.72rem;line-height:1.4;color:#17202b;white-space:nowrap}.is-fabric-view .shop-customizer-size-guide{opacity:.9} .designcheck{display:grid;gap:18px;max-width:680px}.designcheck-lead{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:18px;background:linear-gradient(135deg,rgba(36,131,85,.09),rgba(36,131,85,.03));border:1px solid rgba(36,131,85,.18)}.designcheck-lead p{margin:4px 0 0;color:var(--muted,#65707e)}.designcheck-shield{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:50%;background:#237b52;color:#fff;font-weight:900}.designcheck-list{display:grid;gap:9px}.designcheck-row{display:flex;gap:12px;align-items:flex-start;padding:13px 14px;border:1px solid rgba(20,28,38,.1);border-radius:14px;background:#fff}.designcheck-row>span{display:grid;place-items:center;flex:0 0 27px;height:27px;border-radius:50%;font-weight:900}.designcheck-row.success>span{background:rgba(36,131,85,.12);color:#237b52}.designcheck-row.warn>span{background:rgba(190,124,26,.14);color:#9b650f}.designcheck-row.info>span{background:rgba(39,94,155,.11);color:#275e9b}.designcheck-row div{display:grid;gap:2px}.designcheck-row small{color:var(--muted,#65707e);line-height:1.45}.designcheck-tech{border-top:1px solid rgba(20,28,38,.1);padding-top:13px}.designcheck-tech summary{cursor:pointer;font-weight:750}.designcheck-tech>div{display:grid;gap:5px;margin-top:10px;padding:12px 14px;border-radius:12px;background:rgba(20,28,38,.035);font-size:.83rem}.designcheck-tech small{color:var(--muted,#65707e);margin-top:5px}.designcheck-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap} .checkout-gift-panel{border-color:rgba(180,117,37,.22);background:linear-gradient(180deg,#fff,rgba(213,164,91,.035))}.gift-master{display:flex;align-items:flex-start;gap:12px;padding:15px;border:1px solid rgba(20,28,38,.12);border-radius:16px;cursor:pointer}.gift-master input{margin-top:3px}.gift-master span{display:grid;gap:3px}.gift-master small{color:var(--muted,#65707e)}.gift-options{display:grid;gap:16px;margin-top:16px}.gift-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gift-option-card{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;padding:13px;border:1px solid rgba(20,28,38,.11);border-radius:14px;cursor:pointer;background:#fff}.gift-option-card input{grid-row:1/4}.gift-option-card>span{font-size:1.2rem}.gift-option-card b,.gift-option-card small{grid-column:2}.gift-option-card small{color:var(--muted,#65707e)}.gift-size-choice{display:grid;gap:10px;padding:14px;border-radius:15px;background:rgba(211,161,84,.08);border:1px solid rgba(180,117,37,.18)}.gift-unknown-button{justify-self:start}.gift-unknown-button.active{background:#17202b;color:#fff;border-color:#17202b}.gift-unknown-button>span{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1px solid currentColor}.gift-size-choice [data-shop-gift-unknown-note] p{margin:4px 0 0;color:var(--muted,#65707e)}.gift-address-note{margin:0}.review-gift{display:flex;gap:14px;margin:16px 0;padding:16px;border-radius:16px;background:rgba(211,161,84,.08);border:1px solid rgba(180,117,37,.2)}.review-gift>span{font-size:1.5rem}.review-gift p{margin:4px 0}.review-gift blockquote,.order-gift-card blockquote,.gift-recipient-card blockquote{margin:10px 0 0;padding:10px 12px;border-left:3px solid rgba(180,117,37,.5);background:rgba(255,255,255,.64);font-style:italic}.gift-recipient-section{padding-bottom:70px}.gift-recipient-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:28px;align-items:start}.gift-recipient-preview,.gift-recipient-card{border:1px solid rgba(20,28,38,.1);border-radius:22px;background:#fff;box-shadow:0 16px 44px rgba(20,28,38,.07)}.gift-recipient-preview{padding:18px}.gift-recipient-preview>small{display:block;text-align:center;color:var(--muted,#65707e);margin-top:10px}.gift-recipient-stage{aspect-ratio:1/1;border-radius:17px;background:#f4f3ef;display:grid;place-items:center}.gift-recipient-stage>img{width:100%;height:100%;object-fit:contain}.gift-recipient-motif{position:absolute;transform:translate(-50%,-50%);z-index:4}.gift-recipient-motif img{display:block;width:100%;height:auto}.gift-recipient-card{padding:24px;display:grid;gap:16px}.gift-recipient-card h2{margin:0}.gift-fixed-note{display:flex;gap:10px;padding:12px;border-radius:13px;background:rgba(35,123,82,.07)}.gift-fixed-note span{display:grid;gap:2px}.gift-fixed-note small{color:var(--muted,#65707e)}.order-gift-card{border-color:rgba(180,117,37,.2)}.gift-order-status{display:flex;gap:10px;margin-top:12px;padding:11px;border-radius:13px}.gift-order-status.pending{background:rgba(190,124,26,.09)}.gift-order-status.done{background:rgba(36,131,85,.08)}.gift-order-status>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;font-weight:800}.gift-order-status div{display:grid;gap:2px}.gift-order-status small{color:var(--muted,#65707e)} @media(max-width:760px){.gift-choice-grid,.gift-recipient-grid{grid-template-columns:1fr}.designcheck-actions{display:grid;grid-template-columns:1fr}.shop-reality-toggle{width:100%;display:grid;grid-template-columns:1fr 1fr}.shop-reality-toggle button{padding:9px 8px}.gift-recipient-card{padding:18px}} /* V2.85.0 · Gemeinsam gestalten, Anlasspuffer & Live-Preis */ .shop-v285-tools{display:grid;gap:14px;margin:4px 0 14px}.shop-deadline-card,.shop-live-design-price,.shop-collab-card{border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--white) 94%,var(--green) 6%);padding:16px}.shop-deadline-card>div:first-child,.shop-collab-card>div:first-child{display:grid;gap:4px}.shop-deadline-card .eyebrow,.shop-live-design-price .eyebrow,.shop-collab-card .eyebrow{font-size:10px;letter-spacing:.12em}.shop-deadline-fields{display:grid!important;grid-template-columns:1fr 150px;gap:10px;margin:12px 0}.shop-deadline-fields label{display:grid;gap:5px}.shop-deadline-fields label span{font-size:12px;font-weight:700}.shop-deadline-fields input{width:100%;min-height:42px;border:1px solid var(--line);border-radius:12px;background:var(--white);color:var(--ink);padding:9px 11px}.shop-deadline-empty{display:block;color:var(--muted);font-size:12px;line-height:1.45}.shop-deadline-result{display:grid;gap:4px;border-radius:13px;padding:11px 12px;font-size:12px;line-height:1.42}.shop-deadline-result b{font-size:13px}.shop-deadline-result.success{background:color-mix(in srgb,#4e8a4e 12%,var(--white));border:1px solid color-mix(in srgb,#4e8a4e 34%,var(--line))}.shop-deadline-result.warn{background:color-mix(in srgb,#d69c24 12%,var(--white));border:1px solid color-mix(in srgb,#d69c24 38%,var(--line))}.shop-deadline-result.danger{background:color-mix(in srgb,#c9574d 12%,var(--white));border:1px solid color-mix(in srgb,#c9574d 38%,var(--line))}.shop-live-design-price{display:grid;gap:7px;background:var(--ink);color:var(--white)}.shop-live-design-price .eyebrow{color:color-mix(in srgb,var(--white) 72%,transparent)}.shop-live-design-price>[data-shop-live-design-total]{font-size:18px;line-height:1.2}.shop-live-design-price [data-shop-live-design-breakdown]{display:grid;gap:3px;font-size:12px}.shop-live-design-price [data-shop-live-design-breakdown] span{display:flex;justify-content:space-between;gap:10px}.shop-live-design-price [data-shop-live-design-breakdown] small{color:color-mix(in srgb,var(--white) 68%,transparent);margin-top:3px}.shop-collab-card{display:flex;align-items:center;justify-content:space-between;gap:16px}.shop-collab-card small{color:var(--muted);line-height:1.4}.cart-event-deadline{display:block;margin-top:6px;padding-top:6px;border-top:1px dashed var(--line);font-size:12px}.cart-event-deadline.express_required{color:#a73d34}.cart-event-deadline.tight{color:#89610d}.review-event-panel{display:grid;gap:8px;margin:16px 0;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--white)}.review-event-deadline{display:grid;gap:3px;padding:10px 12px;border-radius:12px;background:var(--soft)}.review-event-deadline.fits{border-left:3px solid #4e8a4e}.review-event-deadline.tight{border-left:3px solid #d69c24}.review-event-deadline.express_required{border-left:3px solid #c9574d}.review-event-deadline span{font-size:12px;color:var(--muted)} .share-create-intro{margin-bottom:18px}.share-create-intro h3{margin:4px 0 7px}.share-create-intro p{margin:0;color:var(--muted);line-height:1.55}.share-design-page{padding-top:26px;padding-bottom:70px}.share-design-head{max-width:780px;margin-bottom:28px}.share-design-head h1{max-width:760px;margin:8px 0 10px}.share-design-head p{max-width:700px;color:var(--muted);line-height:1.6}.share-design-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.8fr);gap:28px;align-items:start}.share-preview-stage{position:relative;overflow:hidden;aspect-ratio:1/1;border-radius:24px;background:var(--soft);border:1px solid var(--line)}.share-preview-stage>img{width:100%;height:100%;object-fit:contain}.share-preview-motif{position:absolute;transform:translate(-50%,-50%);pointer-events:none}.share-preview-motif img{display:block;width:100%;height:auto;filter:drop-shadow(0 2px 2px rgb(0 0 0 / .08))}.share-preview-size{position:absolute;left:14px;bottom:14px;border-radius:999px;background:rgb(255 255 255 / .9);color:#20241e;padding:6px 10px;font-size:11px;font-weight:800;box-shadow:0 4px 20px rgb(0 0 0 / .08)}.share-product-meta{display:grid;gap:3px;margin-top:12px}.share-product-meta>b{font-size:18px}.share-product-meta>span,.share-product-meta>small{color:var(--muted);font-size:12px}.share-feedback-panel{display:grid;gap:18px;padding:20px;border:1px solid var(--line);border-radius:22px;background:var(--white);box-shadow:var(--shadow)}.share-reactions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.share-reactions button{appearance:none;border:1px solid var(--line);border-radius:16px;background:var(--soft);color:var(--ink);min-height:92px;display:grid;place-items:center;align-content:center;gap:2px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.share-reactions button:hover{transform:translateY(-1px);border-color:var(--green)}.share-reactions button>span{font-size:24px}.share-reactions button>b{font-size:18px}.share-reactions button>small{color:var(--muted)}.share-feedback-panel form{display:grid;gap:10px}.share-feedback-panel textarea{min-height:92px}.share-comments{display:grid;gap:10px;max-height:480px;overflow:auto;padding-right:3px}.share-comments-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.share-comments-head small{color:var(--muted)}.share-comments article{border-top:1px solid var(--line);padding-top:11px}.share-comments article header{display:flex;justify-content:space-between;gap:10px}.share-comments article time{font-size:11px;color:var(--muted)}.share-comments article p{margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.share-design-note{display:flex;gap:10px;align-items:flex-start;margin-top:22px;padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:var(--soft);color:var(--muted);font-size:12px;line-height:1.5}.share-design-note p{margin:0}.share-design-page>.actions{margin-top:18px}.empty.compact{padding:18px;text-align:left} @media (max-width:850px){.shop-deadline-fields{grid-template-columns:1fr}.shop-collab-card{align-items:stretch;flex-direction:column}.shop-collab-card .btn{width:100%}.share-design-grid{grid-template-columns:1fr}.share-feedback-panel{padding:16px}.share-design-head h1{font-size:clamp(28px,8vw,42px)}} @media (max-width:560px){.shop-deadline-card,.shop-live-design-price,.shop-collab-card{padding:13px;border-radius:15px}.shop-live-design-price>[data-shop-live-design-total]{font-size:16px}.share-reactions{grid-template-columns:1fr 1fr}.share-reactions button{min-height:80px}.share-preview-stage{border-radius:18px}} .checkout-event-line{grid-column:1/-1;margin:9px 0 0;padding:9px 11px;border-radius:10px;background:var(--soft);font-size:12px;line-height:1.4}.checkout-event-line.express_required{border-left:3px solid #c9574d}.checkout-event-line.tight{border-left:3px solid #d69c24}.checkout-event-line.fits{border-left:3px solid #4e8a4e} .order-event-deadline{margin-top:5px}.order-event-deadline.fits{color:#3f7042}.order-event-deadline.tight{color:#89610d}.order-event-deadline.express_required{color:#a73d34} /* V2.86.0 · Post-Purchase Remix & Meine Designs */ .order-remix-card{margin-top:20px;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--green) 7%,var(--white)),var(--white) 58%)} .order-remix-card .panel-title{margin-bottom:14px}.order-remix-card .panel-title h3{margin:5px 0 5px}.order-remix-card .panel-title p{max-width:760px;margin:0;color:var(--muted);line-height:1.5} .order-remix-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .order-remix-grid article{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:16px;background:var(--white)} .order-remix-thumb{grid-row:1/span 2;width:76px;height:76px;display:grid;place-items:center;overflow:hidden;border-radius:13px;background:var(--soft)} .order-remix-thumb img{display:block;width:100%;height:100%;object-fit:contain}.order-remix-grid article>div:nth-child(2){min-width:0;display:grid;gap:2px}.order-remix-grid article>div:nth-child(2) small{color:var(--muted);font-size:11px}.order-remix-grid article>div:nth-child(2) b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-remix-grid article>div:nth-child(2) span{color:var(--muted);font-size:11px} .order-remix-actions{grid-column:2;display:flex;flex-wrap:wrap;gap:7px} .remix-lead{display:grid;gap:5px;margin-bottom:17px}.remix-lead h3{margin:0;font-size:22px}.remix-lead p{margin:0;color:var(--muted);line-height:1.5} .remix-edit-fields{display:grid;gap:11px;margin:0 0 14px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--soft)}.remix-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.remix-two label{display:grid;gap:5px}.remix-two label>span{font-size:12px;font-weight:800}.remix-two input:not([type=color]),.remix-two select{width:100%;min-height:42px;border:1px solid var(--line);border-radius:11px;background:var(--white);padding:9px 10px;color:var(--ink)}.remix-two input[type=color]{width:100%;height:42px;padding:4px;border:1px solid var(--line);border-radius:11px;background:var(--white);cursor:pointer}.remix-fixed-note{margin:0 0 14px}.remix-fixed-note p{margin:4px 0 0}.remix-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:15px} .my-designs-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--green) 20%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--green) 6%,var(--white))}.my-designs-intro>div{display:grid;gap:4px}.my-designs-intro b{font-size:15px}.my-designs-intro p{max-width:700px;margin:0;color:var(--muted);font-size:12px;line-height:1.5} .my-designs-section{display:grid;gap:14px}.my-designs-head{display:flex;align-items:end;justify-content:space-between;gap:16px}.my-designs-head h2{margin:3px 0 0}.my-designs-head p{margin:0;color:var(--muted);font-size:12px}.my-designs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .my-design-card{display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--white);box-shadow:0 8px 24px rgba(25,40,30,.05)}.my-design-preview{position:relative;display:grid;place-items:center;aspect-ratio:4/3;border:0;border-bottom:1px solid var(--line);background:var(--soft);padding:15px;cursor:pointer}.my-design-preview img{display:block;width:100%;height:100%;object-fit:contain}.my-design-preview>span{position:absolute;left:10px;bottom:10px;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 3px 14px rgba(0,0,0,.07);font-size:10px;font-weight:850;color:var(--ink)}.my-design-copy{display:grid;align-content:start;gap:4px;padding:14px 14px 8px}.my-design-copy small{font-size:10px;font-weight:850;letter-spacing:.08em;color:var(--green)}.my-design-copy h3{margin:0;font-size:16px}.my-design-copy p{margin:2px 0 0;color:var(--muted);font-size:12px;line-height:1.45;overflow-wrap:anywhere}.my-design-actions{display:flex;flex-wrap:wrap;gap:7px;padding:8px 14px 14px}.my-design-project-details{margin-top:18px;border:1px solid var(--line);border-radius:15px;background:var(--white)}.my-design-project-details summary{cursor:pointer;padding:13px 15px;font-weight:800}.my-design-project-details>div{padding:0 15px 15px} @media(max-width:920px){.my-designs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.order-remix-grid{grid-template-columns:1fr}} @media(max-width:620px){.my-designs-grid{grid-template-columns:1fr}.my-designs-intro,.my-designs-head{align-items:stretch;flex-direction:column}.remix-two{grid-template-columns:1fr}.order-remix-grid article{grid-template-columns:64px minmax(0,1fr)}.order-remix-thumb{width:64px;height:64px}.order-remix-actions{grid-column:1/-1}.order-remix-actions .btn,.remix-actions .btn{flex:1 1 auto}.my-design-actions .btn{flex:1 1 auto}} /* V2.87.0 · Überrasch mich, personalisierte Sets & Fehlerfrei bestellen */ .instant-prompt-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.instant-prompt-buttons .btn{margin:0}.surprise-button{white-space:nowrap}.instant-surprise-results{margin:14px 0 18px}.surprise-empty{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;border:1px dashed var(--line);border-radius:14px;background:var(--soft)}.surprise-empty span{color:var(--muted);font-size:11px;line-height:1.45}.surprise-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:9px}.surprise-head>div{display:grid;gap:3px}.surprise-head b{font-size:13px}.surprise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.surprise-card{appearance:none;display:grid;grid-template-rows:auto 1fr;overflow:hidden;padding:0;border:1px solid var(--line);border-radius:15px;background:var(--white);color:var(--ink);text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.surprise-card:hover,.surprise-card:focus-visible{transform:translateY(-2px);border-color:color-mix(in srgb,var(--green) 45%,var(--line));box-shadow:0 10px 28px rgba(25,40,30,.08)}.surprise-preview{display:grid;place-items:center;aspect-ratio:4/3;padding:12px;background:var(--soft);border-bottom:1px solid var(--line)}.surprise-preview img{display:block;width:100%;height:100%;object-fit:contain}.surprise-card>span:last-child{display:grid;align-content:start;gap:3px;padding:11px}.surprise-card b{font-size:13px}.surprise-card small{color:var(--muted);font-size:10px;line-height:1.4}.surprise-card em{margin-top:5px;color:var(--green);font-size:10px;font-style:normal;font-weight:850} .shop-personal-set-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:14px;padding:15px 16px;border:1px solid color-mix(in srgb,var(--green) 20%,var(--line));border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--green) 6%,var(--white)),var(--white))}.shop-personal-set-cta>div{display:grid;gap:4px}.shop-personal-set-cta b{font-size:13px}.shop-personal-set-cta small{max-width:680px;color:var(--muted);font-size:10px;line-height:1.45}.personal-set-builder{min-width:min(880px,calc(100vw - 72px))}.personal-set-lead{display:grid;gap:5px;margin-bottom:14px}.personal-set-lead h3{margin:0;font-size:23px}.personal-set-lead p{margin:0;max-width:780px;color:var(--muted);line-height:1.5}.personal-set-base,.personal-set-check{display:flex;gap:11px;align-items:center;margin:10px 0;padding:11px 13px;border:1px solid var(--line);border-radius:13px;background:var(--soft)}.personal-set-base img{width:54px;height:54px;object-fit:contain;border-radius:9px;background:var(--white)}.personal-set-base>div,.personal-set-check>div{display:grid;gap:2px}.personal-set-base small,.personal-set-check small{color:var(--muted);font-size:10px;line-height:1.4}.personal-set-check>span{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:var(--white);font-weight:900;color:var(--green)}.personal-set-config{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:10px;margin:14px 0}.personal-set-config label,.personal-set-people{display:grid;gap:6px}.personal-set-config label>span,.personal-set-people>span,.personal-set-row label>span{font-size:10px;font-weight:850}.personal-set-config input:not([type=color]),.personal-set-config select,.personal-set-people textarea,.personal-set-row input,.personal-set-row select{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--white);color:var(--ink);padding:9px 10px}.personal-set-config input:not([type=color]),.personal-set-config select,.personal-set-row input,.personal-set-row select{min-height:40px}.personal-set-config input[type=color]{width:100%;height:40px;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--white)}.personal-set-people textarea{min-height:108px;resize:vertical}.personal-set-rows{display:grid;gap:7px;margin-top:11px}.personal-set-row{display:grid;grid-template-columns:34px minmax(140px,1.25fr) minmax(120px,.9fr) minmax(100px,.75fr) auto;gap:8px;align-items:end;padding:9px;border:1px solid var(--line);border-radius:12px;background:var(--white)}.personal-set-index{display:grid;place-items:center;width:30px;height:30px;margin-bottom:5px;border-radius:50%;background:var(--soft);font-size:11px;font-weight:900}.personal-set-row label{display:grid;gap:5px}.personal-set-row>small{align-self:center;min-width:64px;text-align:right;color:var(--muted);font-size:10px}.personal-set-empty{padding:13px;border:1px dashed var(--line);border-radius:11px;color:var(--muted);font-size:11px}.personal-set-estimate{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:8px;align-items:stretch;margin:13px 0}.personal-set-estimate>div{display:grid;align-content:center;gap:2px;padding:10px 11px;border-radius:11px;background:var(--soft)}.personal-set-estimate small{color:var(--muted);font-size:9px}.personal-set-estimate b{font-size:13px}.personal-set-estimate>div:last-child{background:var(--green);color:var(--white)}.personal-set-estimate>div:last-child small{color:color-mix(in srgb,var(--white) 75%,transparent)}.personal-set-progress{display:grid;gap:3px;margin:10px 0;padding:10px 12px;border-radius:11px;background:var(--soft);font-size:11px}.cart-personal-set{display:block;margin-top:5px;color:var(--muted);font-size:11px}.cart-personal-set b{color:var(--ink)} .errorfree-review{margin:0 0 18px;padding:18px;border:1px solid color-mix(in srgb,var(--green) 22%,var(--line));border-radius:19px;background:linear-gradient(180deg,color-mix(in srgb,var(--green) 5%,var(--white)),var(--white) 46%)}.errorfree-head{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:14px}.errorfree-head h3{margin:4px 0 5px;font-size:21px}.errorfree-head p{max-width:760px;margin:0;color:var(--muted);font-size:11px;line-height:1.5}.errorfree-badge{flex:0 0 auto;padding:6px 9px;border-radius:999px;background:var(--soft);color:var(--green);font-size:9px;font-weight:900;letter-spacing:.03em}.errorfree-grid{display:grid;gap:12px}.errorfree-card{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(260px,1.1fr);overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--white)}.errorfree-mockup{position:relative;min-height:330px;overflow:hidden;background:var(--soft)}.errorfree-mockup:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(98deg,transparent 0 18px,rgba(0,0,0,.018) 19px 20px,transparent 21px 37px),radial-gradient(ellipse at 48% 28%,transparent 0 42%,rgba(0,0,0,.035) 74%,transparent 100%);mix-blend-mode:multiply}.errorfree-product{width:100%;height:100%;min-height:330px;object-fit:contain}.errorfree-motif{position:absolute;z-index:2;transform:translate(-50%,-50%);height:auto;filter:drop-shadow(0 2px 2px rgba(0,0,0,.08));pointer-events:none}.errorfree-mockup>span{position:absolute;z-index:3;left:10px;bottom:10px;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.92);font-size:9px;font-weight:800}.errorfree-copy{display:grid;align-content:start;gap:10px;padding:17px}.errorfree-copy>small{font-size:9px;font-weight:900;letter-spacing:.08em;color:var(--green)}.errorfree-copy h4{margin:-4px 0 0;font-size:18px}.errorfree-copy dl{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0}.errorfree-copy dl>div{padding:8px 9px;border-radius:10px;background:var(--soft)}.errorfree-copy dt{font-size:9px;color:var(--muted)}.errorfree-copy dd{margin:2px 0 0;font-size:11px;font-weight:800}.errorfree-texts{display:grid;gap:7px;padding:11px;border:1px solid color-mix(in srgb,#d59a32 25%,var(--line));border-radius:12px;background:color-mix(in srgb,#f6d98e 16%,var(--white))}.errorfree-texts>b{font-size:10px}.errorfree-texts>span{display:grid;gap:1px}.errorfree-texts small{color:var(--muted);font-size:9px}.errorfree-texts strong{font-size:17px;line-height:1.15;overflow-wrap:anywhere}.errorfree-texts.neutral{border-color:var(--line);background:var(--soft)}.errorfree-person{font-size:11px}.errorfree-confirm{margin:16px 0 12px;padding:14px 15px;border:1px solid color-mix(in srgb,var(--green) 28%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--green) 6%,var(--white));align-items:flex-start}.errorfree-confirm>span{display:grid;gap:3px}.errorfree-confirm b{font-size:13px}.errorfree-confirm small{color:var(--muted);font-size:10px;line-height:1.45} @media(max-width:820px){.surprise-grid{grid-template-columns:1fr}.shop-personal-set-cta{align-items:stretch;flex-direction:column}.shop-personal-set-cta .btn{width:100%}.personal-set-builder{min-width:0}.personal-set-config{grid-template-columns:1fr}.personal-set-row{grid-template-columns:30px 1fr 1fr}.personal-set-row label:first-of-type{grid-column:2/-1}.personal-set-row>small{grid-column:2/-1;text-align:left}.personal-set-estimate{grid-template-columns:1fr 1fr}.errorfree-card{grid-template-columns:1fr}.errorfree-mockup,.errorfree-product{min-height:280px}.errorfree-head{display:grid}.errorfree-badge{justify-self:start}} @media(max-width:520px){.instant-prompt-buttons{display:grid}.instant-prompt-buttons .btn{width:100%}.surprise-head{align-items:start;flex-direction:column}.personal-set-row{grid-template-columns:28px 1fr}.personal-set-row label{grid-column:2}.personal-set-estimate{grid-template-columns:1fr}.errorfree-review{padding:13px}.errorfree-copy dl{grid-template-columns:1fr}.errorfree-mockup,.errorfree-product{min-height:240px}} /* v2.88.0 · Miba BrandSpace */ .brandspace-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:30px;align-items:center;margin-bottom:24px;overflow:hidden;position:relative;background:linear-gradient(135deg,var(--surface,#fff) 0%,var(--surface,#fff) 62%,var(--soft,#f4f6f2) 100%)} .brandspace-hero:after{content:"";position:absolute;width:190px;height:190px;border-radius:999px;right:-65px;top:-85px;border:34px solid rgba(75,103,72,.055);pointer-events:none}.brandspace-hero h2{font-size:clamp(24px,3vw,38px);line-height:1.04;max-width:760px;margin:7px 0 12px}.brandspace-hero>div>p{max-width:760px;color:var(--muted);line-height:1.75;margin:0} .brandspace-completion{position:relative;z-index:1;padding:18px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.82);backdrop-filter:blur(8px)}.brandspace-completion-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.brandspace-completion-head div{display:grid;gap:4px}.brandspace-completion-head small{font-size:8px;font-weight:900;letter-spacing:.13em;color:var(--muted)}.brandspace-completion-head b{font-size:17px}.brandspace-completion-head>span{font-size:11px;font-weight:800;color:var(--green)}.brandspace-progress{height:7px;margin:13px 0;border-radius:999px;background:var(--soft);overflow:hidden}.brandspace-progress i{display:block;height:100%;border-radius:inherit;background:var(--green);transition:width .2s ease}.brandspace-checks{display:flex;flex-wrap:wrap;gap:6px 10px}.brandspace-checks span{font-size:9px;color:var(--muted);white-space:nowrap}.brandspace-checks span.done{font-weight:800;color:var(--green)} .brandspace-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.58fr);gap:24px;align-items:start}.brandspace-editor{display:grid;gap:18px;min-width:0}.brandspace-section{position:relative;overflow:hidden}.brandspace-section .panel-title{margin-bottom:20px}.brandspace-section .panel-title>div{position:relative;padding-left:48px}.brandspace-section .panel-title h3{margin:1px 0 4px}.brandspace-section .panel-title p{margin:0;color:var(--muted)}.brandspace-step{position:absolute;left:0;top:0;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:var(--soft);font-size:9px;font-weight:900;letter-spacing:.08em;color:var(--green)} .brandspace-logo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.brandspace-logo-slot{min-width:0;border:1px solid var(--line);border-radius:14px;background:var(--surface,#fff);overflow:hidden}.brandspace-logo-preview{height:142px;display:grid;place-items:center;padding:18px;background:linear-gradient(145deg,#f7f8f5,#eef2eb);border-bottom:1px solid var(--line)}.brandspace-logo-preview img{width:100%;height:100%;object-fit:contain}.brandspace-logo-preview>span{display:grid;place-items:center;gap:8px;color:var(--muted);text-align:center}.brandspace-logo-preview svg{width:26px;height:26px}.brandspace-logo-preview small{font-size:9px}.brandspace-logo-copy{display:grid;gap:10px;padding:14px}.brandspace-logo-copy select{width:100%;min-width:0}.brandspace-logo-copy .actions{gap:6px;align-items:center}.brandspace-logo-copy .btn{min-width:0}.brandspace-logo-copy .btn.link{padding-left:5px;padding-right:5px} .brandspace-color-grid{align-items:end}.brandspace-color-field{display:grid;gap:6px}.brandspace-color-input{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff}.brandspace-color-input:focus-within{border-color:var(--green);box-shadow:0 0 0 3px rgba(72,103,66,.08)}.brandspace-color-picker{display:block;width:42px!important;height:42px!important;min-height:42px;padding:0!important;border:0!important;border-right:1px solid var(--line)!important;border-radius:0!important;background:#fff;cursor:pointer}.brandspace-color-picker::-webkit-color-swatch-wrapper{padding:4px}.brandspace-color-picker::-webkit-color-swatch{border:0;border-radius:5px}.brandspace-color-input input[type="text"]{border:0!important;box-shadow:none!important;border-radius:0!important;text-transform:uppercase;font-variant-numeric:tabular-nums}.brandspace-font-note{margin-top:16px}.brandspace-font-note p{margin-top:5px} .brandspace-preview-column{position:sticky;top:92px;display:grid;gap:18px}.brandspace-preview-card{min-height:470px;padding:20px;border:1px solid var(--line);border-radius:17px;background:var(--brand-background,#fff);box-shadow:0 18px 54px rgba(36,52,40,.09);display:flex;flex-direction:column;overflow:hidden;position:relative;isolation:isolate}.brandspace-preview-card:before{content:"";position:absolute;inset:auto -100px -130px auto;width:310px;height:310px;border-radius:50%;background:var(--brand-secondary,#eef2eb);opacity:.85;z-index:-1}.brandspace-preview-card:after{content:"";position:absolute;left:-70px;top:110px;width:150px;height:150px;border-radius:50%;border:26px solid var(--brand-accent,#c18c64);opacity:.13;z-index:-1}.brandspace-preview-top{display:flex;justify-content:space-between;gap:12px;font-size:8px;font-weight:900;letter-spacing:.12em;color:var(--brand-primary,#285a4c)}.brandspace-preview-logo{display:flex;align-items:center;justify-content:flex-start;height:96px;margin:32px 0 20px}.brandspace-preview-logo img{max-height:92px;max-width:82%;object-fit:contain;object-position:left center}.brandspace-preview-logo>span{display:grid;place-items:center;width:76px;height:76px;border-radius:18px;background:var(--brand-primary,#285a4c);color:#fff}.brandspace-preview-logo svg{width:28px;height:28px}.brandspace-preview-copy{margin:auto 0 28px}.brandspace-preview-copy h2{font-size:clamp(28px,4vw,48px);line-height:.98;letter-spacing:-.035em;color:var(--brand-primary,#285a4c);overflow-wrap:anywhere}.brandspace-preview-copy p{max-width:310px;margin:12px 0 0;line-height:1.55;color:var(--ink,#263329);font-size:12px}.brandspace-preview-palette{display:grid;grid-template-columns:repeat(4,1fr);height:10px;border-radius:999px;overflow:hidden;margin-bottom:18px}.brandspace-preview-palette i:nth-child(1){background:var(--brand-primary)}.brandspace-preview-palette i:nth-child(2){background:var(--brand-secondary)}.brandspace-preview-palette i:nth-child(3){background:var(--brand-accent)}.brandspace-preview-palette i:nth-child(4){background:var(--brand-background);border:1px solid rgba(0,0,0,.08)}.brandspace-preview-contact{display:grid;gap:3px;padding-top:15px;border-top:1px solid color-mix(in srgb,var(--brand-primary,#285a4c) 18%,transparent)}.brandspace-preview-contact b{font-size:11px;color:var(--brand-primary,#285a4c);overflow-wrap:anywhere}.brandspace-preview-contact small{font-size:8px;color:var(--muted)} .brandspace-next h3{margin:7px 0 13px}.brandspace-next>p{margin:14px 0 0;color:var(--muted);line-height:1.7}.brandspace-usecases{display:grid;grid-template-columns:1fr 1fr;gap:8px}.brandspace-usecases span{display:flex;gap:7px;align-items:center;padding:9px;border-radius:9px;background:var(--soft);font-size:9px;font-weight:800}.brandspace-usecases svg{width:13px;height:13px;color:var(--green)} .brandspace-savebar{position:sticky;bottom:14px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 14px 13px 18px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.94);box-shadow:0 12px 35px rgba(35,49,39,.12);backdrop-filter:blur(14px)}.brandspace-savebar>div{display:grid;gap:2px}.brandspace-savebar b{font-size:11px}.brandspace-savebar span{font-size:9px;color:var(--muted)} @media(max-width:1050px){.brandspace-logo-grid{grid-template-columns:1fr}.brandspace-logo-slot{display:grid;grid-template-columns:170px 1fr}.brandspace-logo-preview{height:100%;min-height:145px;border-bottom:0;border-right:1px solid var(--line)}} @media(max-width:900px){.brandspace-hero,.brandspace-layout{grid-template-columns:1fr}.brandspace-preview-column{position:static;grid-row:1}.brandspace-preview-card{min-height:390px}.brandspace-savebar{bottom:8px}} @media(max-width:600px){.brandspace-hero{gap:20px}.brandspace-logo-slot{display:block}.brandspace-logo-preview{height:135px;border-right:0;border-bottom:1px solid var(--line)}.brandspace-usecases{grid-template-columns:1fr}.brandspace-savebar{align-items:stretch;flex-direction:column}.brandspace-savebar .btn{width:100%}.brandspace-section .panel-title{align-items:flex-start;gap:12px}.brandspace-section .panel-title>div{padding-left:42px}.brandspace-section .panel-title>.btn{margin-top:2px}} /* v2.89.0 · Miba Campaigns */ .campaign-intro{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:28px;align-items:center;margin-bottom:24px;overflow:hidden;position:relative;background:linear-gradient(135deg,var(--surface,#fff),var(--soft,#f5f7f3))}.campaign-intro h2{font-size:clamp(24px,3vw,38px);line-height:1.05;margin:8px 0 12px}.campaign-intro p{margin:0;max-width:760px;color:var(--muted);line-height:1.7}.campaign-intro-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:8px;align-items:center}.campaign-intro-flow span{display:grid;place-items:center;gap:8px;min-height:116px;padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.8);font-size:10px;font-weight:900;letter-spacing:.04em;text-align:center}.campaign-intro-flow span svg{width:25px;height:25px;color:var(--green)}.campaign-intro-flow i{font-style:normal;color:var(--muted);font-weight:900}.campaign-metrics{margin-bottom:30px}.campaign-list-section{display:grid;gap:18px}.campaign-list-head{display:flex;align-items:end;justify-content:space-between;gap:18px}.campaign-list-head h2{margin:0 0 5px;font-size:24px}.campaign-list-head p{margin:0;color:var(--muted)}.campaign-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.campaign-grid.compact{margin-top:18px}.campaign-card{border:1px solid var(--line);border-radius:18px;background:var(--surface,#fff);overflow:hidden;box-shadow:0 10px 35px rgba(37,51,41,.055);transition:transform .18s ease,box-shadow .18s ease}.campaign-card:hover{transform:translateY(-2px);box-shadow:0 16px 42px rgba(37,51,41,.09)}.campaign-card.archived{opacity:.78}.campaign-card-main{display:grid;gap:14px;padding:22px;color:inherit;text-decoration:none}.campaign-card-top,.campaign-card-foot{display:flex;align-items:center;justify-content:space-between;gap:14px}.campaign-card h2{margin:0;font-size:22px;line-height:1.12}.campaign-card p{margin:0;color:var(--muted);line-height:1.6;min-height:44px}.campaign-card-channels{display:flex;flex-wrap:wrap;gap:8px}.campaign-card-channels span{display:flex;align-items:center;gap:5px;padding:7px 9px;border-radius:999px;background:var(--soft);font-size:9px;font-weight:800}.campaign-card-channels svg{width:12px;height:12px;color:var(--green)}.campaign-card-foot{padding-top:2px;font-size:9px;color:var(--muted)}.campaign-card-foot span{display:flex;align-items:center;gap:6px}.campaign-card-foot svg{width:13px;height:13px}.campaign-card-foot b{color:var(--ink)}.campaign-status,.campaign-item-status{display:inline-flex;align-items:center;border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}.campaign-status{padding:6px 8px;background:var(--soft);color:var(--muted)}.campaign-status.info{background:#eef4f7;color:#3e6675}.campaign-status.warn{background:#fbf4e5;color:#8a681d}.campaign-status.good{background:#eef6ee;color:#3f6b45}.campaign-progress{display:grid;gap:7px}.campaign-progress>div:first-child{display:flex;justify-content:space-between;gap:14px;font-size:9px}.campaign-progress>div:first-child span{color:var(--muted)}.campaign-progress-track{height:7px;border-radius:999px;background:var(--soft);overflow:hidden}.campaign-progress-track i{display:block;height:100%;border-radius:inherit;background:var(--green);transition:width .2s ease}.campaign-archive{margin-top:4px}.campaign-archive>summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.campaign-detail-hero{display:grid;gap:18px;margin-bottom:18px;background:linear-gradient(135deg,var(--surface,#fff),var(--soft,#f5f7f3))}.campaign-detail-title{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:start}.campaign-title-line{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:6px 0 10px}.campaign-title-line h2{font-size:clamp(27px,4vw,44px);line-height:1.03;margin:0}.campaign-detail-title p{max-width:820px;margin:0;color:var(--muted);line-height:1.7}.campaign-date-box{min-width:210px;padding:15px 17px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.86);display:grid;gap:4px}.campaign-date-box small{font-size:8px;font-weight:900;letter-spacing:.11em;color:var(--muted)}.campaign-date-box b{font-size:15px}.campaign-date-box span{font-size:9px;color:var(--green);font-weight:800}.campaign-brand-card{display:grid;grid-template-columns:78px minmax(0,1fr) auto;gap:16px;align-items:center;margin-bottom:20px;padding:16px;border:1px solid var(--line);border-left:4px solid var(--campaign-primary,#285A4C);border-radius:15px;background:linear-gradient(100deg,var(--surface,#fff),color-mix(in srgb,var(--campaign-secondary,#E8EDE1) 36%,white))}.campaign-brand-card.needs-sync{border-left-color:#a77724}.campaign-brand-logo{width:72px;height:72px;display:grid;place-items:center;padding:9px;border-radius:13px;background:#fff;border:1px solid var(--line)}.campaign-brand-logo img{max-width:100%;max-height:100%;object-fit:contain}.campaign-brand-logo>span{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:var(--campaign-primary,#285A4C);color:#fff}.campaign-brand-copy{min-width:0;display:grid;gap:3px}.campaign-brand-copy>b{font-size:15px}.campaign-brand-copy>small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.campaign-brand-palette{display:flex;gap:4px;margin-top:7px}.campaign-brand-palette i{width:22px;height:7px;border-radius:999px;border:1px solid rgba(0,0,0,.06)}.campaign-brand-actions{display:grid;justify-items:end;gap:6px}.campaign-sync-warning,.campaign-sync-ok{font-size:8px;font-weight:900}.campaign-sync-warning{color:#8a681d}.campaign-sync-ok{color:var(--green)}.campaign-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start;margin-bottom:20px}.campaign-lane{display:grid;gap:13px;padding:16px;border:1px solid var(--line);border-radius:17px;background:var(--soft);min-width:0}.campaign-lane>header{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:start}.campaign-lane-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#fff;border:1px solid var(--line);color:var(--green)}.campaign-lane-icon svg{width:18px;height:18px}.campaign-lane h2{margin:1px 0 2px;font-size:18px}.campaign-lane header p{margin:0;color:var(--muted);font-size:9px;line-height:1.4}.campaign-lane-count{display:grid;place-items:center;min-width:26px;height:26px;padding:0 7px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:9px;font-weight:900}.campaign-lane-items{display:grid;gap:10px}.campaign-item-card{display:grid;gap:10px;padding:14px;border-radius:13px;background:var(--surface,#fff);border:1px solid var(--line);box-shadow:0 5px 18px rgba(32,44,35,.035)}.campaign-item-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.campaign-item-status{padding:5px 7px;background:var(--soft);color:var(--muted)}.campaign-item-status.status-approval{background:#fbf4e5;color:#8a681d}.campaign-item-status.status-ready,.campaign-item-status.status-done{background:#eef6ee;color:#3f6b45}.campaign-item-status.status-execution{background:#eef4f7;color:#3e6675}.campaign-item-card h3{font-size:14px;margin:0}.campaign-item-card p{font-size:10px;line-height:1.55;margin:0;color:var(--muted)}.campaign-item-meta{display:flex;flex-wrap:wrap;gap:5px}.campaign-item-meta span{font-size:8px;padding:5px 7px;border-radius:999px;background:var(--soft);color:var(--muted)}.campaign-item-actions{display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding-top:2px}.campaign-lane-empty{display:grid;gap:4px;padding:18px 12px;border:1px dashed var(--line);border-radius:12px;text-align:center;color:var(--muted)}.campaign-lane-empty b{font-size:10px;color:var(--ink)}.campaign-lane-empty small{font-size:8px;line-height:1.5}.campaign-lane-add{width:100%}.campaign-summary{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}.campaign-summary>div:first-child{max-width:760px}.campaign-summary h3{font-size:21px;margin:4px 0 7px}.campaign-summary p{margin:0;color:var(--muted);line-height:1.65}.campaign-summary-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.campaign-new-brand,.campaign-item-modal-head{display:flex;align-items:center;gap:12px;margin:16px 0;padding:12px;border-radius:12px;background:var(--soft);border:1px solid var(--line)}.campaign-new-brand>span,.campaign-item-modal-head>.mini-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:10px;background:#fff;color:var(--green)}.campaign-new-brand>div,.campaign-item-modal-head>div{display:grid;gap:2px}.campaign-new-brand small,.campaign-item-modal-head small{color:var(--muted);line-height:1.5}.brandspace-next .btn{margin-top:15px} @media(max-width:1100px){.campaign-board{grid-template-columns:1fr}.campaign-lane{grid-template-columns:1fr}.campaign-lane-items{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-lane-add{max-width:260px}.campaign-grid{grid-template-columns:1fr}.campaign-intro{grid-template-columns:1fr}.campaign-intro-flow{max-width:620px}} @media(max-width:720px){.campaign-intro-flow{grid-template-columns:1fr}.campaign-intro-flow i{display:none}.campaign-intro-flow span{min-height:70px;display:flex;justify-content:flex-start}.campaign-detail-title{grid-template-columns:1fr}.campaign-date-box{min-width:0}.campaign-brand-card{grid-template-columns:58px minmax(0,1fr)}.campaign-brand-logo{width:56px;height:56px}.campaign-brand-actions{grid-column:1/-1;justify-items:start}.campaign-lane-items{grid-template-columns:1fr}.campaign-summary{align-items:flex-start;flex-direction:column}.campaign-summary-actions{justify-content:flex-start}.campaign-card-foot{align-items:flex-start;flex-direction:column}.campaign-list-head{align-items:flex-start;flex-direction:column}} .campaign-date-box em{margin-top:5px;padding-top:7px;border-top:1px solid var(--line);font-size:8px;font-style:normal;color:var(--muted)} /* v2.90.0 · Miba Smart QR */ .smart-qr-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:28px;align-items:center;margin-bottom:24px;background:linear-gradient(135deg,var(--surface,#fff),var(--soft,#f4f7f2));overflow:hidden}.smart-qr-hero h2{font-size:clamp(25px,3vw,39px);line-height:1.04;margin:7px 0 12px}.smart-qr-hero p{margin:0;max-width:760px;color:var(--muted);line-height:1.7}.smart-qr-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:8px}.smart-qr-flow span{display:grid;place-items:center;gap:7px;min-height:112px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff;font-size:10px;font-weight:900;text-align:center}.smart-qr-flow svg{width:24px;height:24px;color:var(--green)}.smart-qr-flow i{font-style:normal;color:var(--muted);font-weight:900}.smart-qr-metrics{margin-bottom:18px}.smart-qr-privacy{margin-bottom:22px}.smart-qr-privacy p{margin-bottom:0}.smart-qr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.smart-qr-card{display:grid;grid-template-columns:190px minmax(0,1fr);gap:20px;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface,#fff);box-shadow:0 10px 34px rgba(37,51,41,.05)}.smart-qr-card.paused{opacity:.72}.smart-qr-code{display:grid;align-content:start;justify-items:center;gap:10px;min-width:0}.smart-qr-code .local-qr{width:170px;height:170px;border-width:8px}.smart-qr-state{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.smart-qr-state.active{background:#eef6ee;color:#3f6b45}.smart-qr-state.paused{background:#f4eeee;color:#805252}.smart-qr-copy{min-width:0;display:grid;gap:12px}.smart-qr-card-top{display:flex;justify-content:space-between;gap:12px;align-items:start}.smart-qr-card h2{margin:2px 0 0;font-size:21px}.smart-qr-linkline{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 10px;border-radius:10px;background:var(--soft);font-size:9px;font-weight:800}.smart-qr-linkline span{display:flex;align-items:center;gap:5px}.smart-qr-linkline svg{width:12px;height:12px;color:var(--green)}.smart-qr-linkline i{font-style:normal;color:var(--muted)}.smart-qr-target{display:grid;gap:3px;min-width:0}.smart-qr-target small,.smart-qr-permanent small{font-size:8px;font-weight:900;letter-spacing:.1em;color:var(--muted)}.smart-qr-target a{font-size:10px;font-weight:800;color:var(--green);overflow-wrap:anywhere}.smart-qr-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.smart-qr-stats>div{display:grid;gap:2px;padding:10px;border-radius:10px;background:var(--soft)}.smart-qr-stats b{font-size:17px}.smart-qr-stats span{font-size:8px;color:var(--muted)}.smart-qr-spark{height:48px;display:flex;align-items:end;gap:3px;padding:5px 0;border-bottom:1px solid var(--line)}.smart-qr-spark i{display:block;flex:1;min-width:3px;max-width:16px;border-radius:4px 4px 1px 1px;background:var(--green);opacity:.7}.smart-qr-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:8px;color:var(--muted)}.smart-qr-permanent{display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;align-items:center;margin:17px 0;padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--soft)}.smart-qr-permanent .local-qr{width:120px;height:120px;border-width:7px}.smart-qr-permanent>div{display:grid;gap:4px;min-width:0}.smart-qr-permanent b{font-size:10px;overflow-wrap:anywhere}.smart-qr-permanent p{margin:4px 0 0;color:var(--muted);font-size:9px;line-height:1.5}.notice.compact{padding:10px 12px}.notice.compact p{margin:3px 0 5px;font-size:9px}.campaign-item-actions [data-action="smart-qr-new"],.campaign-item-actions [data-action="smart-qr-edit"]{color:var(--green);font-weight:900} @media(max-width:1100px){.smart-qr-grid{grid-template-columns:1fr}.smart-qr-hero{grid-template-columns:1fr}.smart-qr-flow{max-width:620px}} @media(max-width:680px){.smart-qr-flow{grid-template-columns:1fr}.smart-qr-flow i{display:none}.smart-qr-flow span{min-height:64px;display:flex;justify-content:flex-start}.smart-qr-card{grid-template-columns:1fr}.smart-qr-code{justify-items:start}.smart-qr-code .local-qr{width:150px;height:150px}.smart-qr-stats{grid-template-columns:1fr 1fr 1fr}.smart-qr-permanent{grid-template-columns:1fr}.smart-qr-permanent .local-qr{width:110px;height:110px}} /* v2.91.0 · Miba Print → Web */ .print-web-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:34px;align-items:center;margin-bottom:22px;overflow:hidden;position:relative}.print-web-hero:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-90px;top:-120px;background:radial-gradient(circle,rgba(40,90,76,.16),transparent 68%);pointer-events:none}.print-web-hero h2{font-size:clamp(28px,4vw,45px);letter-spacing:-.035em;margin:5px 0 12px}.print-web-hero p{max-width:720px;color:var(--muted);margin:0}.print-web-flow{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;position:relative;z-index:1}.print-web-flow span{display:inline-flex;align-items:center;gap:8px;padding:12px 14px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-weight:800;white-space:nowrap}.print-web-flow i{font-style:normal;color:var(--muted)}.print-web-metrics{margin-bottom:28px}.print-web-section{margin:30px 0}.print-web-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:15px}.print-web-section-head h2{margin:0 0 4px;font-size:25px}.print-web-section-head p{margin:0;color:var(--muted)}.print-web-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.print-web-card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow-sm,0 12px 35px rgba(0,0,0,.04));display:grid;gap:15px}.print-web-card.published{border-color:rgba(40,90,76,.28)}.print-web-card-head,.print-web-title-line{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.print-web-card h2,.print-web-title-line h2{margin:3px 0 0;letter-spacing:-.025em}.print-web-card p{margin:0;color:var(--muted)}.print-web-state{font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:7px 10px;white-space:nowrap}.print-web-state.published{background:#e8f5ec;color:#256a40}.print-web-state.draft{background:var(--soft,#f4f3ef);color:var(--muted)}.print-web-source-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:13px;font-weight:750;color:var(--ink)}.print-web-source-line span{display:inline-flex;align-items:center;gap:6px}.print-web-source-line i{font-style:normal;color:var(--muted)}.print-web-card-meta{display:flex;gap:7px;flex-wrap:wrap}.print-web-card-meta span{font-size:11px;font-weight:800;background:var(--soft,#f5f5f2);padding:6px 9px;border-radius:999px;color:var(--muted);display:inline-flex;align-items:center;gap:5px}.print-web-card-meta .warn{background:#fff4df;color:#8b5c15}.print-web-candidates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.print-web-candidate{border:1px solid var(--line);background:var(--card);border-radius:18px;padding:18px;display:grid;grid-template-columns:46px minmax(0,1fr);gap:14px}.print-web-candidate-icon{width:46px;height:46px;border-radius:14px;background:var(--soft,#f4f5f1);display:grid;place-items:center}.print-web-candidate h3{margin:2px 0 6px}.print-web-candidate p{margin:0 0 12px;color:var(--muted)}.print-web-create-source{display:grid;grid-template-columns:54px minmax(0,1fr);gap:14px;padding:16px;border-radius:16px;background:var(--soft,#f5f5f2);margin-bottom:15px}.print-web-create-source>div:first-child{width:54px;height:54px;border-radius:15px;background:var(--card);display:grid;place-items:center}.print-web-create-source h3{margin:2px 0 5px}.print-web-create-source p{margin:0;color:var(--muted)}.print-web-sync{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.print-web-sync p{margin-bottom:0}.print-web-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:16px}.print-web-detail-head p{max-width:850px;color:var(--muted);margin-bottom:0}.print-web-editor-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(350px,.95fr);gap:18px;align-items:start}.print-web-editor .section-title{margin-bottom:20px}.print-web-check{display:grid!important;grid-template-columns:20px minmax(0,1fr);column-gap:9px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--soft,#f7f7f4)}.print-web-check input{width:18px;height:18px}.print-web-check span{font-weight:750}.print-web-check small{grid-column:2;color:var(--muted)}.print-web-preview-column{min-width:0}.print-web-preview-sticky{position:sticky;top:84px;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:16px}.print-web-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.print-web-preview-head>div{display:grid;gap:2px}.print-web-preview-head>span{font-size:11px;font-weight:800;color:var(--muted);background:var(--soft,#f4f4f1);border-radius:999px;padding:6px 9px}.print-web-preview-device{--pw-primary:#285A4C;--pw-secondary:#E8EDE1;--pw-accent:#C18C64;--pw-bg:#fff;border:1px solid rgba(0,0,0,.11);border-radius:24px;overflow:hidden;background:#edf0ed;box-shadow:0 22px 50px rgba(20,35,29,.13)}.print-web-preview-browser{height:32px;background:#e9e9e7;display:flex;align-items:center;gap:5px;padding:0 10px;color:#7b827e;font-size:9px}.print-web-preview-browser i{width:7px;height:7px;border-radius:50%;background:#b9bdb9}.print-web-preview-browser span{margin-left:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.print-web-preview-page{background:linear-gradient(145deg,var(--pw-bg),#f7f8f5);padding:15px;color:#243029;min-height:560px}.print-web-preview-page>header{display:flex;justify-content:space-between;align-items:center;gap:10px}.print-web-preview-page>header>span{font-size:8px;font-weight:900;text-transform:uppercase;background:var(--pw-secondary);color:var(--pw-primary);border-radius:999px;padding:5px 7px}.print-web-preview-logo{height:35px;max-width:130px;display:flex;align-items:center}.print-web-preview-logo img{max-height:35px;max-width:120px;object-fit:contain}.print-web-wordmark{font-weight:900;color:var(--pw-primary)}.print-web-preview-hero{padding:42px 2px 28px}.print-web-preview-hero small{font-size:8px;font-weight:900;letter-spacing:.12em;color:var(--pw-primary)}.print-web-preview-hero h2{font-size:31px;line-height:.98;letter-spacing:-.045em;margin:6px 0 10px;overflow-wrap:anywhere}.print-web-preview-hero p{font-size:11px;line-height:1.5;color:#59645e;margin:0}.print-web-preview-cta{display:inline-flex;background:var(--pw-primary);color:white;padding:8px 10px;border-radius:8px;margin-top:13px;font-size:9px;font-weight:900}.print-web-preview-event{display:grid;gap:2px;background:var(--pw-primary);color:#fff;padding:13px;border-radius:13px;margin-bottom:12px}.print-web-preview-event small{font-size:7px;letter-spacing:.12em;opacity:.7}.print-web-preview-event b{font-size:16px}.print-web-preview-event span{font-size:9px;opacity:.88}.print-web-preview-body{display:grid;grid-template-columns:1.1fr .9fr;gap:9px}.print-web-preview-body>div,.print-web-preview-body ul{background:rgba(255,255,255,.9);border:1px solid rgba(40,90,76,.11);border-radius:13px;padding:12px;margin:0}.print-web-preview-body p{font-size:9px;line-height:1.55;margin:0 0 7px}.print-web-preview-body ul{list-style:none;display:grid;gap:6px}.print-web-preview-body li{font-size:8px;background:var(--pw-secondary);border-radius:8px;padding:6px}.print-web-preview-page>footer{display:flex;justify-content:space-between;gap:10px;margin-top:16px;padding-top:12px;border-top:1px solid rgba(40,90,76,.15);font-size:8px;color:#67716b}.print-web-publishbar{margin-top:18px;padding:22px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(135deg,var(--card),var(--soft,#f5f5f2));display:flex;align-items:center;justify-content:space-between;gap:24px}.print-web-publishbar.published{border-color:rgba(40,90,76,.28);background:linear-gradient(135deg,#f1f8f3,#fff)}.print-web-publishbar h3{margin:3px 0 4px}.print-web-publishbar p{margin:0;color:var(--muted);max-width:700px}.print-web-publishbar a{font-size:13px;overflow-wrap:anywhere}.print-web-publishbar>.actions{justify-content:flex-end} @media(max-width:980px){.print-web-hero,.print-web-editor-layout{grid-template-columns:1fr}.print-web-preview-sticky{position:relative;top:auto}.print-web-grid,.print-web-candidates{grid-template-columns:1fr}.print-web-preview-column{order:-1}.print-web-preview-device{max-width:520px;margin:auto}} @media(max-width:640px){.print-web-hero{padding:20px}.print-web-flow{justify-content:flex-start}.print-web-flow span{font-size:12px}.print-web-card-head,.print-web-detail-head,.print-web-sync,.print-web-publishbar{display:grid}.print-web-publishbar>.actions{justify-content:flex-start}.print-web-preview-page{min-height:480px}.print-web-preview-hero h2{font-size:26px}.print-web-preview-body{grid-template-columns:1fr}.print-web-candidate{grid-template-columns:1fr}.print-web-detail-head>a{justify-self:start}} /* v2.92.0 · Miba Website Hub */ .website-hub-hero{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-bottom:20px;overflow:hidden;position:relative}.website-hub-hero>div:first-child{max-width:760px}.website-hub-hero h2{font-size:clamp(25px,3vw,40px);margin:5px 0 10px}.website-hub-hero p{margin:0;color:var(--muted);max-width:720px}.website-hub-flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.website-hub-flow span{display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border-radius:999px;background:var(--soft);font-weight:800;white-space:nowrap}.website-hub-flow i{font-style:normal;color:var(--muted)} .website-hub-list{margin-top:28px}.website-hub-list-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:0 0 16px}.website-hub-list-head h2{margin:3px 0 4px}.website-hub-list-head p{margin:0;color:var(--muted)}.website-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.website-hub-card{display:block;color:inherit;text-decoration:none;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;transition:transform var(--motion),border-color var(--motion),box-shadow var(--motion)}.website-hub-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:var(--shadow)}.website-hub-card-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:start}.website-hub-card-top h3{margin:3px 0 3px;font-size:20px}.website-hub-card-top small{color:var(--muted);overflow-wrap:anywhere}.website-hub-site-icon{width:44px;height:44px;border-radius:14px;background:var(--soft);display:grid;place-items:center;color:var(--accent)}.website-hub-site-icon.large{width:56px;height:56px;border-radius:17px}.website-hub-card-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.website-hub-card-meta span{background:var(--soft);border-radius:12px;padding:10px}.website-hub-card-meta b,.website-hub-card-meta small{display:block}.website-hub-card-meta b{font-size:16px}.website-hub-card-meta small{font-size:11px;color:var(--muted);margin-top:2px}.website-hub-card-foot{border-top:1px solid var(--line);padding-top:13px;display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted)}.website-hub-card-foot b{color:var(--text);display:flex;align-items:center;gap:5px} .website-hub-detail-head{display:flex;justify-content:space-between;gap:22px;align-items:center;margin-bottom:20px}.website-hub-detail-main{display:flex;align-items:center;gap:15px;min-width:0}.website-hub-detail-main h2{margin:3px 0;font-size:27px}.website-hub-detail-main a{color:var(--accent);overflow-wrap:anywhere}.website-hub-detail-main small{display:block;color:var(--muted);margin-top:5px}.website-hub-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap} .website-coach{margin:24px 0}.website-coach-empty{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:24px 0}.website-coach-empty>div{max-width:760px}.website-coach-empty svg{width:34px;height:34px;color:var(--accent)}.website-coach-empty h3{margin:8px 0}.website-coach-empty p{margin:0;color:var(--muted)}.website-coach-head{display:flex;justify-content:space-between;align-items:flex-start;gap:22px;margin-bottom:18px}.website-coach-head h2{margin:4px 0 5px}.website-coach-head p{margin:0;color:var(--muted)}.website-coach-level{padding:8px 12px;border-radius:999px;font-size:12px;font-weight:900;white-space:nowrap}.website-coach-level.green{background:#e9f5ed;color:#24633a}.website-coach-level.orange{background:#fff4df;color:#8a5a00}.website-coach-level.red{background:#fdeaea;color:#9c2e2e}.website-coach-level.gray{background:var(--soft);color:var(--muted)}.website-coach-list{display:grid;gap:9px}.website-coach-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:13px 14px}.website-coach-item.good{background:color-mix(in srgb,#eaf6ee 62%,var(--panel))}.website-coach-item.warn{background:color-mix(in srgb,#fff4df 55%,var(--panel))}.website-coach-item.action{background:color-mix(in srgb,#fdeaea 58%,var(--panel))}.website-coach-symbol{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:var(--panel);font-weight:900}.website-coach-item b{display:block}.website-coach-item p{margin:3px 0 0;color:var(--muted);font-size:13px}.website-coach-tech{margin-top:16px;border-top:1px solid var(--line);padding-top:13px}.website-coach-tech summary{cursor:pointer;font-weight:800}.website-coach-tech-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.website-coach-tech-grid span{background:var(--soft);padding:10px;border-radius:10px;font-size:12px;overflow-wrap:anywhere}.website-coach-tech-grid b{display:block;margin-bottom:3px}.website-coach-actions{display:flex;justify-content:flex-end;margin-top:14px} .website-request-section{margin-top:28px}.website-request-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.website-request-grid.compact{margin-top:14px}.website-request-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:18px}.website-request-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.website-request-head h3{margin:3px 0 0;font-size:18px}.website-request-card>p{color:var(--muted);font-size:14px;line-height:1.55}.website-request-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.website-request-meta a{color:var(--accent)}.website-hub-priority{font-weight:800;background:var(--soft);padding:5px 8px;border-radius:999px}.website-hub-priority.soon{background:#fff4df;color:#8a5a00}.website-hub-priority.urgent{background:#fdeaea;color:#9c2e2e}.website-request-reply{margin-top:13px;background:var(--soft);border-radius:12px;padding:12px}.website-request-reply p{margin:4px 0 0}.website-request-actions{display:flex;justify-content:flex-end;margin-top:12px}.website-request-history{margin-top:17px}.website-request-history summary{display:flex;justify-content:space-between;cursor:pointer}.website-request-admin-summary{background:var(--soft);padding:14px;border-radius:14px;margin-bottom:14px}.website-request-admin-summary b,.website-request-admin-summary span{display:block}.website-request-admin-summary span{color:var(--muted);margin-top:3px}.website-request-admin-summary p{margin:10px 0 0}.website-hub-managed .check-line{margin-top:8px;min-height:44px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--line);border-radius:10px}.website-hub-managed input{width:18px;height:18px} @media(max-width:900px){.website-hub-grid,.website-request-grid{grid-template-columns:1fr}.website-hub-hero,.website-hub-detail-head,.website-coach-head{align-items:flex-start;flex-direction:column}.website-hub-flow{justify-content:flex-start}.website-coach-tech-grid{grid-template-columns:1fr 1fr}.website-hub-detail-head>.actions{width:100%;flex-wrap:wrap}} @media(max-width:600px){.website-hub-card-top{grid-template-columns:auto 1fr}.website-hub-card-top>.pill{grid-column:1/-1;justify-self:start}.website-hub-card-meta{grid-template-columns:1fr}.website-coach-item{grid-template-columns:auto 1fr}.website-coach-item .btn{grid-column:2}.website-coach-tech-grid{grid-template-columns:1fr}.website-coach-empty{align-items:flex-start;flex-direction:column}.website-hub-list-head{align-items:flex-start;flex-direction:column}} /* v3.0.0 · Miba Assistent */ .assistant-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,.5fr);gap:34px;align-items:center;margin-bottom:26px;overflow:hidden;position:relative} .assistant-hero:after{content:"";position:absolute;right:-70px;top:-100px;width:260px;height:260px;border-radius:50%;background:color-mix(in srgb,var(--green) 9%,transparent);pointer-events:none} .assistant-hero-copy{position:relative;z-index:1}.assistant-hero-copy h2{font-size:clamp(25px,3vw,42px);max-width:780px;margin:8px 0 12px}.assistant-hero-copy>p{max-width:780px;font-size:16px;line-height:1.7} .assistant-context-pills,.assistant-plan-tags,.assistant-context-note,.assistant-recommendation-meta{display:flex;flex-wrap:wrap;gap:8px}.assistant-context-pills{margin-top:20px}.assistant-context-pills span,.assistant-plan-tags span,.assistant-context-note span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:12px;font-weight:700}.assistant-context-pills svg,.assistant-plan-tags svg,.assistant-context-note svg{width:15px;height:15px} .assistant-hero-mark{min-height:190px;border-radius:22px;background:var(--ink);color:var(--paper);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;text-align:center;position:relative;z-index:1}.assistant-hero-mark svg{width:44px;height:44px}.assistant-hero-mark b{font-size:20px}.assistant-hero-mark span{opacity:.72;font-size:12px;letter-spacing:.1em;text-transform:uppercase} .assistant-compose{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr);gap:22px;align-items:start}.assistant-form{padding:28px}.assistant-form-head,.assistant-section-head{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.assistant-form-head{justify-content:flex-start;margin-bottom:20px}.assistant-step{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:#fff;font-weight:800;flex:0 0 auto}.assistant-form-head h2,.assistant-section-head h2{margin:0 0 6px}.assistant-form-head p,.assistant-section-head p{margin:0;color:var(--muted);line-height:1.6} .assistant-prompt textarea{font-size:17px;line-height:1.65;min-height:190px;resize:vertical}.assistant-optional{margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}.assistant-optional>div:first-child{margin-bottom:15px}.assistant-optional h3{margin:0 0 4px}.assistant-optional p{margin:0;color:var(--muted)} .assistant-submit-row{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.assistant-submit-row>div{display:flex;flex-direction:column;gap:3px}.assistant-submit-row span{font-size:12px;color:var(--muted)} .assistant-examples-wrap{position:sticky;top:88px}.assistant-examples-wrap>h3{margin:6px 0 14px}.assistant-examples{display:grid;gap:10px}.assistant-example{width:100%;text-align:left;padding:15px 16px;border:1px solid var(--line);border-radius:15px;background:var(--surface);cursor:pointer;transition:.18s ease}.assistant-example:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--green) 45%,var(--line));box-shadow:0 10px 28px rgba(0,0,0,.06)}.assistant-example b,.assistant-example span{display:block}.assistant-example b{margin-bottom:5px}.assistant-example span{font-size:12px;line-height:1.5;color:var(--muted)} .assistant-history,.assistant-plan-section{margin-top:38px}.assistant-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.assistant-plan-card{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:20px}.assistant-plan-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.assistant-plan-card h3{margin:4px 0 0}.assistant-plan-card>p{color:var(--muted);line-height:1.55;min-height:48px}.assistant-plan-tags{margin:14px 0 18px}.assistant-plan-tags span{font-size:11px;padding:6px 9px} .assistant-status{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.assistant-status.proposal{background:color-mix(in srgb,var(--green) 12%,transparent);color:var(--green)}.assistant-status.converted{background:color-mix(in srgb,#25705a 15%,transparent);color:#25705a} .assistant-understanding{margin-bottom:20px}.assistant-understanding .assistant-section-head>div{max-width:850px}.assistant-understanding .assistant-section-head>div>p{white-space:pre-wrap}.assistant-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:24px 0 14px}.assistant-facts>div{padding:14px;border-radius:14px;background:var(--surface-2,#f5f6f3);border:1px solid var(--line)}.assistant-facts small,.assistant-facts b{display:block}.assistant-facts small{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}.assistant-facts b{font-size:14px}.assistant-context-note{padding-top:14px;border-top:1px solid var(--line)} .assistant-questions{display:grid;grid-template-columns:minmax(220px,.6fr) minmax(0,1.2fr);gap:24px;margin-bottom:24px}.assistant-questions h3{margin:5px 0}.assistant-questions ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.assistant-questions li{display:flex;gap:9px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,#c18c64 9%,transparent)}.assistant-questions li svg{width:16px;height:16px;margin-top:2px}.assistant-questions>p{grid-column:2;color:var(--muted);margin:0} .assistant-recommendations{display:grid;gap:12px;margin-top:18px}.assistant-recommendation{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:15px;align-items:start;border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:18px;cursor:pointer;transition:.18s ease}.assistant-recommendation:has(input:checked){border-color:color-mix(in srgb,var(--green) 48%,var(--line));box-shadow:0 8px 28px rgba(0,0,0,.045)}.assistant-recommendation>input{margin-top:15px;width:18px;height:18px;accent-color:var(--green)}.assistant-recommendation-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--surface-2,#f3f5f1)}.assistant-recommendation-icon svg{width:22px;height:22px}.assistant-recommendation-body{min-width:0}.assistant-recommendation-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.assistant-recommendation-top b{font-size:16px}.assistant-recommendation-top em{font-style:normal;font-size:10px;letter-spacing:.07em;text-transform:uppercase;padding:5px 8px;border-radius:999px;background:var(--surface-2,#f3f5f1);white-space:nowrap}.assistant-recommendation-body p{margin:7px 0;color:var(--muted);line-height:1.55}.assistant-recommendation-body small{display:block;line-height:1.5}.assistant-brand-note{margin-top:8px;color:#7a5938}.assistant-brand-note svg{width:14px;height:14px;vertical-align:-2px}.assistant-recommendation-meta{margin-top:10px}.assistant-recommendation-meta i{font-style:normal;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:6px}.assistant-recommendation-meta svg{width:14px;height:14px}.assistant-recommendations.readonly .assistant-recommendation{cursor:default}.assistant-recommendations.readonly input{display:none}.assistant-convert{margin-top:18px}.assistant-convert>div:first-child{margin-bottom:18px}.assistant-convert h3{margin:5px 0}.assistant-convert p{margin:0;color:var(--muted);line-height:1.55} @media(max-width:980px){.assistant-hero,.assistant-compose{grid-template-columns:1fr}.assistant-examples-wrap{position:static}.assistant-plan-grid{grid-template-columns:1fr}.assistant-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.assistant-questions{grid-template-columns:1fr}.assistant-questions>p{grid-column:auto}} @media(max-width:620px){.assistant-hero,.assistant-form,.assistant-understanding,.assistant-convert{padding:18px}.assistant-hero-mark{min-height:130px}.assistant-submit-row,.assistant-section-head,.assistant-plan-card-head,.assistant-recommendation-top{align-items:flex-start;flex-direction:column}.assistant-submit-row .btn{width:100%;justify-content:center}.assistant-facts{grid-template-columns:1fr}.assistant-recommendation{grid-template-columns:auto minmax(0,1fr)}.assistant-recommendation>input{grid-row:1 / span 2}.assistant-recommendation-icon{display:none}} /* V3.1.0 · Online-Designer fuer Printprodukte */ .print-product-designer .designer-hero{align-items:flex-start}.print-designer-format-badge{display:inline-flex;align-items:center;padding:9px 12px;border:1px solid var(--line,#dfe6d8);border-radius:999px;background:#fff;font-weight:700;white-space:nowrap}.print-designer-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);gap:28px;align-items:start}.print-designer-workspace{position:sticky;top:92px;min-width:0}.print-designer-stage-wrap{padding:22px;border:1px solid var(--line,#dfe6d8);border-radius:20px;background:#eef1ec}.print-designer-dimensions{margin:0 0 12px;font-size:13px;color:#59675f;font-weight:700}.print-designer-stage{position:relative;width:100%;max-height:68vh;margin:auto;background:#fff;box-shadow:0 14px 40px rgba(20,35,27,.12);overflow:hidden;touch-action:none}.print-designer-trim,.print-designer-safe{position:absolute;pointer-events:none;z-index:3}.print-designer-trim{border:1px dashed #c1574c}.print-designer-safe{border:1px dashed #52906d}.print-designer-legend{position:absolute;z-index:4;font-size:10px;line-height:1;padding:4px 6px;border-radius:5px;background:rgba(255,255,255,.9);pointer-events:none}.print-designer-legend.bleed{left:7px;top:7px;color:#9a332c}.print-designer-legend.safe{right:7px;bottom:7px;color:#2f704d}.print-designer-object{position:absolute;z-index:2;transform-origin:center;cursor:move;user-select:none;touch-action:none}.print-designer-object.text{white-space:pre-wrap;line-height:1.14;min-height:1em;padding:2px}.print-designer-object.motif img{display:block;width:100%;height:auto;pointer-events:none}.print-designer-hint{display:flex;gap:10px;margin-top:12px;padding:12px 14px;border-radius:12px;background:#fff;border:1px solid var(--line,#dfe6d8);font-size:13px}.print-designer-hint b{white-space:nowrap}.print-designer-sidebar{min-width:0}.print-designer-tools{display:grid;gap:12px}.print-designer-add{display:flex;flex-wrap:wrap;gap:8px}.print-designer-layer-list{display:grid;gap:10px}.print-designer-layer{padding:12px;border:1px solid var(--line,#dfe6d8);border-radius:12px;background:#fff}.print-designer-layer .layer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.print-designer-layer label{display:grid;gap:5px;font-size:12px;font-weight:700}.print-designer-layer input,.print-designer-layer select,.print-designer-layer textarea{width:100%;font:inherit}.print-designer-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.print-designer-mini-grid.geometry{grid-template-columns:repeat(4,1fr)} @media(max-width:980px){.print-designer-layout{grid-template-columns:1fr}.print-designer-workspace{position:static}.print-designer-mini-grid.geometry{grid-template-columns:1fr 1fr}} @media(max-width:560px){.print-designer-stage-wrap{padding:10px}.print-designer-mini-grid{grid-template-columns:1fr 1fr}.print-designer-format-badge{white-space:normal}}