/* Paper and stars are raster artwork. Filters light the supplied textures only. */
body .grid .card{isolation:isolate;background:none;padding:24px 16px 18px;filter:drop-shadow(1px 5px 2px #467b9020);margin-bottom:22px}
body .grid .card::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('assets/handmade-paper.png') center/100% 100% no-repeat;filter:brightness(1.12) saturate(.28)}
body .grid .card::before{filter:brightness(1.65) saturate(.8);box-shadow:0 2px 2px #648c9e55;width:36px;height:36px;top:-9px}
body .grid .card .photo-button{border:6px solid white;border-radius:2px;box-shadow:1px 3px 4px #47758526;overflow:visible;transform:rotate(-1.2deg);margin:0 0 12px}
body .grid .card:nth-child(even) .photo-button{transform:rotate(1.2deg)}
body .grid .card .photo-button img{border-radius:0}
body .grid .card .photo-button::after,.intro-art::after,#detailBody::before,#thanks::after{content:"";position:absolute;width:66px;height:66px;background:url('assets/y2k-stars.jpg') -73px -13px/213.44px 301.6px no-repeat;mix-blend-mode:multiply;pointer-events:none;z-index:2;transform:rotate(12deg)}
body .grid .card .photo-button::after{right:-12px;bottom:-22px;width:53px;height:53px;background-size:172.96px 244.4px;background-position:-59px -10px;mix-blend-mode:normal;box-shadow:1px 2px 2px #54748725}
body .grid .card:nth-child(3n) .photo-button::after{background-position:-61px -125px;transform:rotate(-13deg)}
body .grid .card .number{top:-13px;left:-10px;transform:rotate(-7deg);border:2px solid white;background:#c7e4ff;box-shadow:1px 2px 0 #5c9ec03d;border-radius:4px;color:#235b83;font-size:12px;font-weight:800;letter-spacing:1px;padding:5px 8px}
body .grid .card .photos{bottom:7px;right:6px;background:#fffffff2;border:1px dashed #6b9dbf;border-radius:3px;color:#285d7b;font-size:11px;z-index:1}
body .grid .card .card-info{padding:4px 4px 0}
body .grid .card h3{font-size:16px;line-height:1.5;min-height:48px;margin:4px 0 7px;font-weight:800;color:#285775;letter-spacing:.2px}
body .grid .card .meta-tags{gap:5px;margin:0 0 9px}
body .grid .card .meta-tags span{font-size:11px;border:1px dashed #85b5cc;border-radius:3px;background:#edf8ff;color:#547889;padding:3px 6px}
body .grid .card .meta-tags span:first-child{background:#e4f2ff;transform:rotate(-2deg)}
body .grid .card .card-bottom{display:grid;grid-template-columns:minmax(54px,1fr) auto;align-items:center;gap:8px;border-top:1px dashed #9fc5d7;padding-top:9px}
body .grid .card .price{min-width:0;font-size:12px;line-height:1.35;color:#557f98;font-weight:600}
body .grid .card .add{grid-column:2;width:auto;min-width:112px;min-height:36px;padding:7px 10px;white-space:nowrap;font-size:13px;letter-spacing:.2px;border:2px solid #7bb5d1;border-radius:5px;background:#d9efff;color:#276183;box-shadow:2px 3px 0 #a4cbe0}
body .grid .card .add:hover{background:#e6f8ff}body .grid .card .add.selected{background:#f9e3ef;border-color:#cdabc3;box-shadow:2px 3px 0 #e1bdcf;color:#885d7b}
body .intro-art{position:relative}
body .intro-art::after{right:4%;bottom:0;transform:rotate(-14deg);width:76px;height:76px;background-size:243px 343px;background-position:-84px -16px}
body .collection .section-title h2{border:3px solid white;border-radius:6px;box-shadow:2px 3px 0 #91bbd9;background:#dceeff;color:#215578;transform:rotate(-2deg);padding:9px 13px}
body #categoryFilters button{border:2px solid white;border-radius:5px;background:#f2faff;box-shadow:2px 2px 0 #94b9cf;color:#396884;font-weight:700}
body #categoryFilters button[aria-pressed=true]{background:#8bc8ec;color:#123e63;border-color:white;box-shadow:2px 3px 0 #5c9dc4;transform:rotate(-3deg)}
body dialog#detail,body dialog#thanks,body dialog#cart{isolation:isolate;background:none;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 9px 16px #174c7940);padding:32px 30px;color:#29556f}
body dialog#detail::before,body dialog#thanks::before,body dialog#cart::before{content:"";position:absolute;inset:0;z-index:-1;height:auto;background:url('assets/handmade-paper.png') center/100% 100% no-repeat;filter:brightness(1.14) saturate(.2);pointer-events:none}
body #detailBody{position:relative;max-height:calc(88dvh - 64px);overflow:auto;padding:5px 3px 8px;scrollbar-width:thin}body #detailBody::before{right:44px;top:0;width:48px;height:48px;background-size:154.56px 218.4px;background-position:-53px -10px;z-index:0;opacity:.85}
body #detail .photo-slide img{height:clamp(180px,34dvh,340px)}
body #cartItems{max-height:35dvh;overflow:auto;scrollbar-width:thin}
body #detail .detail-top{position:relative;align-items:flex-start;gap:16px;padding:8px 0 12px;border-bottom:1px dashed #a1c8dd;margin-bottom:18px}
body #detail .detail-top h2{font-size:20px;line-height:1.55;margin:9px 0 0;padding-right:5px}
body #detail .detail-id{display:inline-block;background:#d6ecff;border:2px solid white;box-shadow:1px 2px 0 #a3c7df;color:#397197;padding:4px 9px;transform:rotate(-3deg);font-size:12px}
body #detail .photo-carousel{border:6px solid white;border-radius:2px;box-shadow:1px 3px 5px #3f6c8130;background:#eff8fb}
body #detail .photo-controls button{border:2px solid white;background:#d8eeff;box-shadow:1px 2px 0 #a0c5dd;border-radius:5px;color:#2a658c}
body #detail .close,body #thanks .close{flex:none;border:2px solid white;background:#dceeff;box-shadow:1px 2px 0 #a4c4d9;color:#346b90}
body #detail .detail-note{font-size:14px;line-height:1.8;color:#6c8494}
body #detail .detail-actions{border-top:1px dashed #a1c8dd;padding-top:15px}
body #detail .primary,body #thanks .primary{border:2px solid #86b9d4;background:#cce9ff;box-shadow:2px 3px 0 #9ec5de;color:#245575;border-radius:5px}
body #thanks::after{right:22px;top:65px;transform:rotate(18deg)}
@media(max-width:650px){body .grid .card{padding:20px 10px 15px;margin-bottom:18px}body .grid .card .photo-button{border-width:4px;margin-bottom:10px}body .grid .card h3{font-size:14px;line-height:1.5;min-height:42px;margin-bottom:6px}body .grid .card .card-info{padding:4px 2px 0}body .grid .card .photo-button::after{right:-13px;bottom:-14px;width:36px;height:36px;background-size:117.76px 166.4px;background-position:-40px -7px}body .grid .card:nth-child(3n) .photo-button::after{background-position:-41px -85px}body .grid .card .number{font-size:10px;padding:3px 6px;top:-9px;left:-7px}body .grid .card .meta-tags{gap:4px;margin-bottom:8px}body .grid .card .meta-tags span{padding:2px 4px;font-size:10px}body .grid .card .card-bottom{grid-template-columns:minmax(0,1fr) auto;gap:5px;padding-top:8px}body .grid .card .add{min-width:91px;font-size:11px;padding:7px 5px;min-height:34px}body .grid .card .price{font-size:11px;line-height:1.3}body .intro-art::after{width:48px;height:48px;right:0;bottom:-9px;background-size:154.56px 218.4px;background-position:-53px -10px}body dialog#detail,body dialog#thanks,body dialog#cart{padding:28px 23px;width:calc(100% - 22px)}body #detail .detail-top h2{font-size:17px}body #detail .photo-carousel{border-width:4px}}