.shop-hero{position:relative;display:flex;align-items:end;justify-content:space-between;gap:1rem;padding:clamp(1.35rem,4.5vw,3.4rem);border-radius:1.35rem;background:radial-gradient(ellipse at 90% 15%,#f5efdd,#e3e9d5 65%,#d3e2c7);margin-bottom:1rem}.shop-hero h1{font-size:clamp(2.45rem,6.5vw,4.6rem);margin-bottom:.3em}.shop-hero p:last-child{margin-bottom:0;color:#45574b}.shop-bag{white-space:nowrap}.shop-bag span{border-radius:99px;background:#ffffff2c;padding:.02rem .45rem}
.shop-notice{display:flex;align-items:baseline;gap:.65rem;padding:.65rem .9rem;margin:0 0 1rem;border:1px solid #dcd0af;border-radius:.7rem;background:#f7f0dc;color:#544629}.shop-notice p{margin:0}.shop-notice .badge{white-space:nowrap}
.shop-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,14.5rem),1fr));gap:1rem}.shop-product{position:relative;display:block;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:.9rem;color:var(--ink);text-decoration:none}.shop-product:hover{border-color:#6c8a70;box-shadow:0 6px 20px #23433712}.shop-product>div:last-child{padding:1rem 2rem 1rem 1rem}.shop-product h3{font-size:1.13rem;margin:.45rem 0}.shop-arrow{position:absolute;right:.8rem;bottom:.9rem;color:var(--forest)}
.shop-art{min-height:12rem;display:grid;place-items:center;background:radial-gradient(ellipse at 28% 5%,#f9f2db,#e3e9d5 60%,#bfcfb7);overflow:hidden}.shop-product:nth-child(3n+2) .shop-art{background:radial-gradient(ellipse at 20% 5%,#fff3e8,#efdfd1 60%,#d4c7b3)}.shop-package{width:5.1rem;min-height:7.1rem;display:grid;place-items:center;align-content:center;gap:.2rem;padding:.4rem;background:#294a3f;color:#edf0df;border-radius:.75rem .75rem .38rem .38rem;box-shadow:10px 14px 28px #253d3442;transform:rotate(-7deg)}.shop-package span{font:2.55rem Georgia,serif}.shop-package small{max-width:4.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.52rem;letter-spacing:.12em}
.shop-layout,.shop-detail{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(15rem,1fr);gap:1rem;align-items:start}.shop-detail{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);margin-bottom:1rem;align-items:stretch}.shop-detail .shop-art{border-radius:var(--radius);min-height:17rem}.shop-detail .shop-package{transform:scale(1.45) rotate(-7deg)}.shop-detail .card{margin:0}.shop-detail h1{font-size:clamp(2rem,5vw,3.5rem)}.shop-price{display:block;font-size:1.6rem}.shop-description{white-space:pre-line}
.shop-line{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.75rem 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.shop-line h3,.shop-line p{margin:.2rem 0}.shop-line label{width:5rem;flex-shrink:0}.shop-order{color:var(--ink);text-decoration:none}.shop-order:hover h3{text-decoration:underline}.shop-order div{margin-right:auto}.shop-inline{display:flex;gap:.6rem;align-items:end;flex-wrap:wrap}.shop-inline label{flex:1 1 10rem}.shop-inline .shop-secondary{background:white;color:var(--forest)}textarea{font:inherit;resize:vertical;border:1px solid #a9b4aa;border-radius:.55rem;padding:.7rem;width:100%}hr{border:0;border-top:1px solid var(--line)}
@media(max-width:680px){.shop-hero{align-items:start;flex-direction:column}.shop-layout,.shop-detail{grid-template-columns:1fr}.shop-notice{align-items:start}.shop-detail .shop-art{min-height:14rem}.shop-detail .shop-package{transform:scale(1.2) rotate(-7deg)}}