/* Customer gallery: quiet photo grid with one clear path to checkout. */
#meine-bilder [data-shop-cart-benefits]:empty{display:none}
#meine-bilder .fg-selection .fg-shop-benefits{margin:12px 0 16px;box-shadow:none}
#meine-bilder .fg-selection .fg-shop-action>strong{font-size:max(13px,1rem)}
#meine-bilder{--fg-accent:#af541f;--fg-ink:#253e49}
#meine-bilder>.fg-card{padding:24px;background:#fff;border-color:#dfd5c9;box-shadow:0 8px 28px #4f39200a}
#meine-bilder .fg-back-bar{position:static}
#meine-bilder .fg-album-heading{text-align:center;max-width:760px;margin:26px auto 22px}
#meine-bilder .fg-album-heading h3{font-size:clamp(24px,3vw,34px);line-height:1.25;margin-bottom:10px;letter-spacing:-.5px}
#meine-bilder .fg-album-heading p{margin:8px 0;color:#5b6567;overflow-wrap:anywhere}
#meine-bilder .fg-album-meta{font-size:max(11px, calc(13px - 1pt))}
#meine-bilder .fg-shop-information{font-size:max(11px, calc(13px - 1pt));color:#576468;margin:10px 0}
#meine-bilder .fg-shop-information summary{cursor:pointer;width:fit-content;padding:6px 0}
#meine-bilder .fg-gallery-toolbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-block:1px solid #e9e5df;padding:14px 0}
#meine-bilder .fg-gallery-toolbar .fg-button{font-size:max(11px, calc(13px - 1pt));padding:10px 12px;min-height:40px;border-color:#ddd6cc}
#meine-bilder .fg-gallery-instruction{color:#647074;font-size:max(11px, calc(13px - 1pt));margin:14px 0}
#meine-bilder .fg-photo-grid{grid-template-columns:repeat(auto-fill,minmax(min(290px,100%),1fr));gap:24px;margin:18px 0 32px}
#meine-bilder .fg-photo{border:1px solid #e1dfdb;border-radius:12px;box-shadow:0 3px 12px #2436410a;overflow:hidden;background:#fff}
#meine-bilder .fg-photo.fg-selected{border-color:#b96b3a;box-shadow:0 0 0 1px #b96b3a}
#meine-bilder .fg-photo-visual{position:relative;background:#f2f1ee}
#meine-bilder .fg-photo .fg-image-button{aspect-ratio:4/3;background:#f4f3f0}
#meine-bilder .fg-photo img{object-fit:contain}
#meine-bilder .fg-photo [data-favorite]{position:absolute;right:10px;top:10px;width:auto;min-height:36px;padding:7px 10px;border:1px solid #fff;background:#fffffff0;color:#394744;border-radius:24px;box-shadow:0 2px 8px #17232c15;font-size:max(11px, calc(13px - 1pt))}
#meine-bilder .fg-photo [data-favorite][aria-pressed=true]{color:#9e461b;background:#fff1df;border-color:#eac19e}
#meine-bilder .fg-selected-badge{position:absolute;left:10px;bottom:10px;padding:5px 9px;background:#fff8efef;border:1px solid #d8aa82;color:#80431c;border-radius:7px;font-size:max(11px, calc(12px - 1pt));font-weight:700;pointer-events:none}
#meine-bilder .fg-photo-body{padding:15px}
#meine-bilder .fg-photo-caption{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:10px}
#meine-bilder .fg-photo-caption p{font-size:max(11px, calc(13px - 1pt));margin:0;min-width:0;overflow-wrap:anywhere;color:#5d6668}
#meine-bilder .fg-photo-caption [data-fg=compare-pick]{width:auto;flex-shrink:0;border:0;background:transparent;padding:6px 0;font-size:max(11px, calc(12px - 1pt));color:#667271}
#meine-bilder .fg-photo-caption [aria-pressed=true]{color:#9e461b;font-weight:700}
#meine-bilder .fg-photo .fg-field{margin:6px 0 10px;gap:5px}
#meine-bilder .fg-photo .fg-field>span{font-size:max(11px, calc(12px - 1pt));color:#67716f}
#meine-bilder .fg-photo select{font-size:max(11px, calc(14px - 1pt));min-height:44px;padding:9px;border-color:#d6d8d1}
#meine-bilder .fg-photo [data-fg=add]{width:100%;min-height:44px;font-size:max(11px, calc(14px - 1pt));background:#af541f;border-color:#af541f;color:#fff}
#meine-bilder .fg-primary{background:#af541f;border-color:#af541f;color:#fff}
#meine-bilder .fg-primary:hover{background:#884019}
#meine-bilder .fg-selection{background:#fbfaf7;border:1px solid #ded8ce;border-radius:12px;padding:22px;margin:28px 0 16px}
#meine-bilder .fg-selection-bar{position:sticky;bottom:84px;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;border:1px solid #d8baa0;border-radius:12px;background:#fffcf6;box-shadow:0 5px 22px #1e30471a;padding:12px 16px;margin-top:18px}
#meine-bilder .fg-selection-bar strong{display:block;font-size:max(11px, calc(15px - 1pt))}
#meine-bilder .fg-selection-bar small{display:block;font-size:max(11px, calc(12px - 1pt));color:#69706c;margin-top:3px}
#meine-bilder .fg-selection-bar .fg-button{min-height:46px}
#meine-bilder [data-checkout-title],#meine-bilder .fg-error,#meine-bilder .fg-album-heading h3,#meine-bilder .fg-selection{scroll-margin-top:calc(var(--fw-header-offset,100px) + 24px)}
#meine-bilder [tabindex="-1"]:focus{outline:none}
#meine-bilder .fg-empty{text-align:center;padding:30px;color:#647074}
@media(max-width:720px){#meine-bilder>.fg-card{padding:16px}#meine-bilder .fg-photo-grid{gap:18px}#meine-bilder .fg-album-heading{margin:18px auto}#meine-bilder .fg-selection-bar{bottom:calc(144px + env(safe-area-inset-bottom,0px));padding:10px 12px;gap:10px}#meine-bilder .fg-selection{padding:16px}#meine-bilder .fg-gallery-toolbar{gap:9px}#meine-bilder .fg-selection-bar small{display:none}#meine-bilder .fg-selection-bar strong{font-size:max(11px, calc(13px - 1pt))}#meine-bilder .fg-selection-bar .fg-button{font-size:max(11px, calc(13px - 1pt));padding:10px 12px}#meine-bilder .fg-back-bar{position:static}}
@media print{#meine-bilder .fg-selection-bar{display:none}}
/* Window-filling customer gallery. The document beneath keeps its position. */
body.fg-gallery-open{overflow:hidden}
.fg-gallery-window{position:fixed;inset:0;margin:0;border:0;padding:0;width:100%;height:100vh;height:100dvh;max-width:none;max-height:none;background:#fff;color:#253e49;z-index:10000;overflow:hidden;box-sizing:border-box;font-family:system-ui,-apple-system,sans-serif}
.fg-gallery-window[open]{display:flex;flex-direction:column}
.fg-gallery-window::backdrop{background:#fff}
.fg-window-header{flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px max(20px,env(safe-area-inset-right)) 14px max(20px,env(safe-area-inset-left));border-bottom:1px solid #e6e0d9;background:#fff}
.fg-window-header small{display:block;font-size:9px;font-weight:650;letter-spacing:1.6px;color:#927852;margin-bottom:3px}
.fg-window-header strong{display:block;font-family:Georgia,serif;font-size:max(11px, calc(22px - 1pt))}
.fg-window-actions{display:flex;gap:8px;align-items:center}
.fg-window-header button{border:1px solid #d8d3cb;border-radius:8px;background:#fff;padding:10px 14px;min-height:44px;color:#263e47;font:inherit;font-size:max(11px, calc(13px - 1pt));cursor:pointer}
.fg-window-header button:disabled{opacity:.55;cursor:wait}
.fg-window-header [hidden]{display:none!important}
.fg-window-header button:focus-visible{outline:3px solid #af541f;outline-offset:2px}
.fg-gallery-window #meine-bilder{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;margin:0;padding:0 0 calc(102px + env(safe-area-inset-bottom,0px));scroll-padding:20px;--fw-header-offset:0px}
.fg-gallery-window #meine-bilder>.fg-card{max-width:1600px;margin:0 auto;border:0;border-radius:0;box-shadow:none;padding:22px 28px}
.fg-gallery-window #meine-bilder>.fg-card>.fg-row:first-child{display:none}
.fg-gallery-window #meine-bilder.fg-gallery-available>.fg-card::before,.fg-gallery-window #meine-bilder.fg-gallery-available>.fg-card::after{display:none}
.fg-gallery-window #meine-bilder .fg-selection-bar{position:fixed;bottom:0;left:0;right:0;margin:0;border-radius:0;border-width:1px 0 0;padding:12px max(24px,calc((100vw - 1544px)/2)) calc(12px + env(safe-area-inset-bottom,0px));background:#fffcf6;z-index:12;flex-wrap:nowrap;box-shadow:0 -3px 16px #1e30470f}
#meine-bilder .fg-product-row{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,1fr);gap:10px;align-items:end;margin:6px 0 12px}
#meine-bilder .fg-product-row .fg-field{min-width:0;margin:0}
#meine-bilder .fg-product-row select{width:100%;min-width:0}
#meine-bilder .fg-product-price{display:flex;align-items:center;justify-content:flex-end;min-height:44px;font-weight:650;font-size:max(11px, calc(13px - 1pt));line-height:1.25;text-align:right;color:#263e47;overflow-wrap:normal}
#meine-bilder .fg-product-price:empty{visibility:hidden}
@media(max-width:720px){
 .fg-window-header{gap:8px;padding:10px 12px;align-items:center}
 .fg-window-header small{font-size:7px;letter-spacing:1px}
 .fg-window-header strong{font-size:max(11px, calc(17px - 1pt))}
 .fg-window-header button{font-size:max(11px, calc(12px - 1pt));padding:8px 10px}
 .fg-window-actions{gap:5px}
 .fg-window-header [data-window-close]{max-width:135px}
 .fg-gallery-window #meine-bilder>.fg-card{padding:16px}
 .fg-gallery-window #meine-bilder .fg-selection-bar{bottom:0;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));gap:8px}
 .fg-gallery-window #meine-bilder .fg-selection-bar small{display:block;font-size:10px;max-width:185px}
 .fg-gallery-window #meine-bilder .fg-selection-bar .fg-button{flex:none}
}
@media(max-width:380px){.fg-window-header strong{font-size:max(11px, calc(15px - 1pt))}.fg-window-header small{font-size:6px}.fg-window-header button{font-size:11px;padding:8px}.fg-window-header [data-window-close]{max-width:108px}}

@media(max-width:480px){.fg-window-header{flex-wrap:wrap}.fg-window-actions{margin-left:auto}}
/* Compact photo purchase controls: chosen product, price, cart icon. */
#meine-bilder .fg-product-row{grid-template-columns:minmax(0,1fr) minmax(54px,.32fr) 44px;gap:8px;margin:5px 0 0}
#meine-bilder .fg-photo-body{padding:12px 15px}
#meine-bilder .fg-photo-caption{margin-bottom:5px}
#meine-bilder .fg-photo [data-fg=add]{width:44px;height:44px;min-height:44px;padding:10px;flex:none}
#meine-bilder .fg-photo [data-fg=add]:disabled{cursor:not-allowed;background:#ece9e3;border-color:#ded8cf;color:#777;opacity:.65}
#meine-bilder .fg-photo [data-fg=add] svg{display:block;flex:none}
#meine-bilder .fg-product-row select{padding-left:8px;padding-right:6px;font-size:max(11px, calc(13px - 1pt))}
#meine-bilder .fg-selection{padding:12px 16px;margin:20px 0 12px}
#meine-bilder .fg-selection-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}
#meine-bilder .fg-selection-heading h3{font-size:max(11px, calc(16px - 1pt));margin:0}
#meine-bilder .fg-selection-heading .fg-button{min-height:40px;padding:8px 12px;font-size:max(11px, calc(13px - 1pt))}
#meine-bilder .fg-selection .fg-cart-line{grid-template-columns:minmax(0,1fr) 85px 40px;gap:10px;padding:5px 0;min-height:50px}
#meine-bilder .fg-cart-description{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;min-width:0;line-height:1.35;font-size:max(11px, calc(13px - 1pt))}
#meine-bilder .fg-cart-description strong{font-weight:500;overflow-wrap:anywhere}
#meine-bilder .fg-cart-description span{font-size:max(11px, calc(12px - 1pt));color:#63706b}
#meine-bilder .fg-selection .fg-cart-quantity{display:flex;align-items:center;justify-content:flex-end;gap:5px;font-size:11px;margin:0;flex-direction:row}
#meine-bilder .fg-selection .fg-cart-quantity input{width:56px;min-height:36px;padding:6px;font-size:max(11px, calc(13px - 1pt))}
#meine-bilder .fg-selection [data-remove-icon]{grid-column:auto;width:40px;height:40px;min-height:40px;padding:4px;font-size:max(11px, calc(24px - 1pt));border:0;background:transparent;color:#6c665e;justify-self:end}
#meine-bilder .fg-selection [data-remove-icon]:hover{background:#f1e6db;color:#873d17}
#meine-bilder .fg-selection .fg-selection-note{font-size:11px;margin:7px 0 0;line-height:1.35}
#meine-bilder .fg-selection-empty{font-size:max(11px, calc(13px - 1pt));margin:8px 0;line-height:1.4}
@media(max-width:600px){
 #meine-bilder .fg-selection{padding:10px 12px}
 #meine-bilder .fg-selection .fg-cart-line{grid-template-columns:minmax(0,1fr) 53px 36px;gap:6px}
 #meine-bilder .fg-cart-description{display:block}
 #meine-bilder .fg-cart-description span{display:block;margin-top:2px;font-size:11px}
 #meine-bilder .fg-selection .fg-cart-quantity{flex-direction:column;gap:1px;align-items:flex-end;font-size:10px;line-height:1.1}
 #meine-bilder .fg-selection .fg-cart-quantity input{width:53px;min-height:32px;padding:5px}
 #meine-bilder .fg-selection [data-remove-icon]{width:36px;height:40px}
 #meine-bilder .fg-selection-heading h3{font-size:max(11px, calc(14px - 1pt))}
 #meine-bilder .fg-selection-heading .fg-button{font-size:max(11px, calc(12px - 1pt));padding:8px}
}
/* Accessible customer photo viewer; arrows wrap through the visible gallery. */
#meine-bilder .fg-customer-lightbox{position:fixed;inset:0;margin:auto;width:96vw;height:94vh;height:94dvh;max-width:1500px;max-height:94vh;max-height:94dvh;border:0;border-radius:12px;padding:14px;background:#fff;color:#253e49;z-index:10030;overflow:hidden}
#meine-bilder .fg-customer-lightbox[open]{display:flex;flex-direction:column;gap:8px}
.fg-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none}
#meine-bilder .fg-viewer-header p{margin:0;font-size:max(11px, calc(13px - 1pt));line-height:1.4;overflow-wrap:anywhere}
#meine-bilder .fg-viewer-header .fg-button{min-height:44px;flex:none}
.fg-viewer-stage{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:10px;min-height:0;flex:1}
.fg-viewer-photo{position:relative;min-height:0;height:100%;display:grid;place-items:center;background:#f7f6f3;border-radius:6px;overflow:hidden}
#meine-bilder .fg-viewer-photo img{width:100%;height:100%;min-height:0;object-fit:contain}
#meine-bilder .fg-viewer-photo p{position:absolute;inset:auto 10px;text-align:center;font-size:max(11px, calc(14px - 1pt));margin:0;overflow-wrap:anywhere}
#meine-bilder .fg-viewer-photo p:empty{display:none}
#meine-bilder .fg-viewer-arrow{width:44px;height:52px;min-height:44px;padding:0;font-size:max(11px, calc(32px - 1pt));line-height:1}
#meine-bilder .fg-viewer-hint{flex:none;font-size:11px;line-height:1.35;text-align:center;margin:0;color:#66706d}
@media(max-width:600px){
 #meine-bilder .fg-customer-lightbox{width:100%;height:100vh;height:100dvh;max-height:none;border-radius:0;padding:10px 8px calc(10px + env(safe-area-inset-bottom,0px))}
 .fg-viewer-stage{grid-template-columns:36px minmax(0,1fr) 36px;gap:4px}
 #meine-bilder .fg-viewer-arrow{width:36px;height:48px;font-size:max(11px, calc(28px - 1pt))}
 #meine-bilder .fg-viewer-header p{font-size:max(11px, calc(12px - 1pt))}
}
@media(max-width:600px){
 .fg-viewer-stage{display:block;position:relative}
 .fg-viewer-photo{width:100%}
 #meine-bilder .fg-viewer-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;background:#fffffff2;box-shadow:0 2px 8px #253e491a}
 #meine-bilder [data-viewer-prev]{left:2px}
 #meine-bilder [data-viewer-next]{right:2px}
}