.photo-gallery{--gallery-accent:#b9d99c;--gallery-glow:#375e47;--gallery-height:min(60dvh,620px);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-sizing:border-box;width:min(1080px,96vw);max-width:96vw;max-height:96dvh;padding:24px;border:1px solid #ffffff24;border-radius:28px;background:radial-gradient(ellipse at 50% 30%,#233d30 0%,#14221c 65%,#0e1814 100%);color:#f6f7f1;box-shadow:0 36px 100px #0009;overflow:auto;color-scheme:dark}
.photo-gallery[data-brand=balashte]{--gallery-accent:#f5b7c9;--gallery-glow:#71374d;background:radial-gradient(ellipse at 50% 30%,#442b35 0%,#241d22 65%,#181418 100%)}
.photo-gallery::backdrop{background:rgb(8 14 11 / .82)}
.photo-gallery .gallery-header,.photo-gallery footer{display:flex;align-items:center;justify-content:space-between;gap:16px}
.photo-gallery .gallery-header>div{min-width:0}.gallery-eyebrow{display:block;color:var(--gallery-accent);font-size:10px;letter-spacing:.19em;text-transform:uppercase;font-weight:650;margin-bottom:7px}
.photo-gallery h2{font-size:clamp(18px,2vw,24px);line-height:1.3;font-weight:600;margin:0;overflow-wrap:anywhere;letter-spacing:-.025em}
.photo-gallery button,.photo-gallery a,.plant-photo-editor button{touch-action:manipulation;min-height:44px;cursor:pointer}
.photo-gallery button{box-sizing:border-box;border:1px solid #ffffff2e;border-radius:14px;background:#ffffff0d;color:inherit;font:inherit;transition:background .18s,transform .18s}
.photo-gallery button:hover{background:#ffffff20}.photo-gallery button:active{transform:scale(.96)}.photo-gallery button:focus-visible,.photo-gallery a:focus-visible{outline:2px solid var(--gallery-accent);outline-offset:4px}
.photo-gallery [data-gallery-close]{flex:0 0 44px;font-size:30px;line-height:1;padding:0;background:#0002}
.gallery-stage{isolation:isolate;position:relative;display:flex;align-items:center;justify-content:center;height:var(--gallery-height);margin:14px 0 10px;perspective:1100px;touch-action:pan-y pinch-zoom;border-radius:20px}
.gallery-light{pointer-events:none;position:absolute;inset:3% 8%;background:radial-gradient(ellipse at center,var(--gallery-glow),transparent 68%);opacity:.65}
.gallery-light:after{content:"";position:absolute;bottom:0;left:12%;right:12%;height:24%;border-radius:50%;background:radial-gradient(ellipse,#0008,transparent 68%);transform:rotateX(50deg)}
.gallery-frame{position:relative;width:min(calc(100% - 120px),calc((var(--gallery-height) - 48px) * var(--gallery-ratio,1)));aspect-ratio:var(--gallery-ratio,1);border-radius:16px;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-style:preserve-3d;transition:transform .2s ease;box-shadow:0 24px 42px #0007}
.gallery-frame:before,.gallery-frame:after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid #ffffff24;background:#ffffff08;transform:translateZ(-22px) rotate(-3deg);pointer-events:none}
.gallery-frame:after{transform:translateZ(-44px) rotate(3deg);opacity:.55}
.gallery-preview,.gallery-full{box-sizing:border-box;position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;border:6px solid #f8f7f1;border-radius:16px;background:#f8f7f1;opacity:0;transition:opacity .2s;transform:translateZ(1px)}
.gallery-frame.has-preview .gallery-preview,.gallery-frame.is-ready .gallery-full{opacity:1}.gallery-frame.is-ready .gallery-preview{opacity:0}
.photo-gallery .gallery-prev,.photo-gallery .gallery-next{position:absolute;z-index:2;top:calc(50% - 25px);width:50px;height:50px;border-radius:50%;font-size:34px;line-height:1;background:#111a15bf;box-shadow:0 8px 20px #0003}
.gallery-prev{left:2px}.gallery-next{right:2px}.gallery-loading{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:7px 13px;border-radius:30px;background:#102018e8;color:#e6edde;font-size:12px}
.photo-gallery [hidden]{display:none!important}.photo-gallery footer{border-top:1px solid #ffffff18;padding-top:12px;font-size:13px}.gallery-position{font-variant-numeric:tabular-nums;min-width:46px;color:var(--gallery-accent);font-weight:600}
.gallery-hint{color:#c0c8c0;font-size:12px}.gallery-original{display:flex;align-items:center;gap:9px;color:#f7f7f2;text-decoration:none;padding:0 12px;border-radius:12px;background:#ffffff0a;border:1px solid #ffffff20;white-space:nowrap}.gallery-original:hover{background:#ffffff18}
.gallery-thumbs{display:flex;justify-content:safe center;gap:10px;overflow-x:auto;padding:15px 5px 6px;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;overscroll-behavior-x:contain}
.photo-gallery .gallery-thumbs button{padding:4px;flex:0 0 66px;width:66px;border-radius:12px;opacity:.55}.gallery-thumbs img{display:block;width:56px;height:56px;object-fit:cover;border-radius:7px}.photo-gallery .gallery-thumbs [aria-current=true]{opacity:1;border-color:var(--gallery-accent);box-shadow:0 0 0 2px var(--gallery-accent),0 7px 20px #0003;transform:translateY(-2px)}
.gallery-error{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;color:#ffd6d6;background:#813c4133;padding:10px 14px;border-radius:12px;font-size:13px}.gallery-error button{padding:0 14px}
.gallery-count{position:absolute;bottom:10px;right:10px;border:1px solid #ffffff40;border-radius:30px;padding:5px 10px;background:rgb(10 25 17 / .76);color:white;font-size:12px;pointer-events:none;box-shadow:0 3px 8px #0002}
.bs-card-photo[data-image-state]{--skeleton-base:#edf2eb;--skeleton-edge:#dce5da;--skeleton-leaf:#78927966;background:linear-gradient(140deg,var(--skeleton-base),var(--skeleton-edge));isolation:isolate;overflow:hidden}
#balashte-store .bs-card-photo[data-image-state]{--skeleton-base:#f5edef;--skeleton-edge:#e9dce1;--skeleton-leaf:#aa7c8c66}
.bs-card-photo:is([data-image-state=waiting],[data-image-state=loading]):before{content:"";position:absolute;inset:calc(50% - 20px) calc(50% - 13px);border:2px solid var(--skeleton-leaf);border-radius:26px 2px 26px 2px;transform:rotate(25deg);pointer-events:none}
/* Only the three actively downloading cards animate; offscreen placeholders stay still. */
.bs-card-photo[data-image-state=loading]:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 25%,#ffffff85 50%,transparent 75%);transform:translateX(-100%);animation:catalog-photo-shimmer 1.5s ease-in-out infinite}
.bs-card-photo[data-image-state] :is(.bs-tag,.gallery-count){z-index:1}.bs-card-photo[data-image-state] img{opacity:0;transition:opacity .25s}.bs-card-photo[data-image-state=ready] img,.bs-card-photo[data-image-state=error] img{opacity:1}
@keyframes catalog-photo-shimmer{to{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){.bs-card-photo[data-image-state=loading]:after{animation:none;transform:none;opacity:.35}}
@media(min-width:761px) and (hover:hover){.bs-product{transition:box-shadow .2s,transform .2s}.bs-product:hover{transform:translateY(-3px);box-shadow:0 12px 26px #15352412}.bs-card-photo[data-image-state=ready]:hover img{transform:scale(1.025);transition:transform .25s,opacity .25s}}
@media(max-width:600px){.photo-gallery{--gallery-height:52dvh;padding:18px 14px 12px;border-radius:24px;width:96vw}.photo-gallery .gallery-header{gap:12px}.gallery-eyebrow{font-size:9px;margin-bottom:5px}.photo-gallery h2{font-size:18px}.gallery-stage{margin:12px 0 8px}.gallery-frame{width:min(calc(100% - 76px),calc((var(--gallery-height) - 36px) * var(--gallery-ratio,1)))}.gallery-preview,.gallery-full{border-width:4px;border-radius:12px}.photo-gallery .gallery-prev,.photo-gallery .gallery-next{width:44px;height:44px;font-size:30px}.gallery-prev{left:-5px}.gallery-next{right:-5px}.gallery-hint{display:none}.photo-gallery footer{padding-top:10px}.gallery-thumbs{gap:10px;padding-top:13px}.photo-gallery .gallery-thumbs button{flex-basis:60px;width:60px}.gallery-thumbs img{width:50px;height:50px}}
@media(max-height:520px) and (orientation:landscape){.photo-gallery{--gallery-height:54dvh;max-height:96dvh;padding:12px 20px}.gallery-eyebrow,.gallery-thumbs{display:none}.photo-gallery h2{font-size:17px}.gallery-stage{margin:0}.photo-gallery footer{padding-top:5px}}
@media(prefers-reduced-motion:reduce){.photo-gallery *,.bs-product,.bs-card-photo img{transition:none!important;scroll-behavior:auto!important}.gallery-frame{transform:none!important}}

.plant-photo-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px;margin:12px 0}.plant-photo-item{min-width:0;border:1px solid #d7ded8;border-radius:12px;padding:8px}.plant-photo-preview{border:0;background:#f3f5f3;width:100%;border-radius:8px;padding:0;overflow:hidden}.plant-photo-preview img{width:100%;height:125px;object-fit:contain;display:block}.plant-photo-item b{display:block;margin:5px 0;font-size:13px}.plant-photo-item>div{display:flex;flex-wrap:wrap;gap:4px}.plant-photo-item>div button{border:1px solid #d7ded8;border-radius:6px;background:white;color:inherit;padding:3px 8px;font:inherit;font-size:12px}.plant-photo-item button:disabled{opacity:.4;cursor:default}.plant-photo-editor h3 span{font-size:14px;font-weight:400}.plant-photo-editor .actions{flex-wrap:wrap}
@media(max-width:480px){.plant-photo-list{grid-template-columns:repeat(2,minmax(0,1fr))}.plant-photo-editor .actions>.btn{flex:1}}