.pack-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:22px 0 36px}.pack-card{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#fff;color:#111;text-decoration:none;transition:border-color .15s}.pack-card:hover{border-color:var(--action)}.pack-card:focus-visible{outline:3px solid var(--action);outline-offset:4px}.pack-art{position:relative;height:190px;overflow:hidden}.pack-butter{background:#FFF2D8}.pack-peach{background:#F6E9E2}.pack-blue{background:#EAF1F8}.pack-lilac{background:#EEEAF6}.pack-label{position:absolute;top:15px;left:15px;font-size:13px;font-weight:600}.pack-number{position:absolute;bottom:14px;right:14px;background:#F5CE32;border-radius:5px;color:#111;padding:4px 8px;font-size:13px;font-weight:700}.pack-clay-main{position:absolute;top:42px;left:calc(50% - 66px);transform:rotate(-5deg)}.pack-clay-main .clay-icon{width:110px;height:110px}.pack-clay-small{position:absolute;top:88px;left:calc(50% + 14px);transform:rotate(9deg)}.pack-clay-small .clay-icon{width:66px;height:66px}.pack-card-copy{padding:20px;display:flex;flex-direction:column;flex:1}.pack-card h3{font-size:21px;line-height:1.25;margin:0 0 10px;letter-spacing:-.3px}.pack-card p{font-size:15px;line-height:1.55;margin:0 0 20px;color:#535955}.pack-card-bottom{margin-top:auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:14px;align-items:center}.pack-card-bottom strong{display:flex;gap:6px;align-items:center}.pack-card-bottom .icon{width:17px}.pack-intro{display:flex;gap:28px;flex-wrap:wrap;padding:18px 22px;background:#f7f7f4;border-radius:12px;margin-bottom:24px}.pack-intro>div{display:flex;align-items:center;gap:10px;font-size:16px}.pack-intro .icon{width:24px}.pack-intro .clay-icon{width:40px;height:40px}.pack-explainer{font-size:15px;line-height:1.6;color:#535955;max-width:760px}.pack-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:32px;border-radius:16px;margin-bottom:28px}.pack-hero h1{font-size:36px;line-height:1.15;margin:12px 0}.pack-hero p{font-size:17px;line-height:1.55;max-width:650px}.pack-hero-count{font-size:14px;display:block;margin-top:14px}.pack-hero-icon .clay-icon{width:150px;height:150px}.pack-detail-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,1fr);gap:26px;align-items:start}.pack-summary{position:sticky;top:104px}.pack-summary h2{font-size:28px;line-height:1.3;margin:12px 0}.pack-summary p{font-size:15px;line-height:1.6;color:#535955}.pack-summary>strong{font-size:18px}.pack-summary-rule{height:1px;background:var(--border);margin:20px 0}.pack-summary .btn{width:100%;margin-top:14px;gap:8px;font-size:16px}.pack-summary>.text-btn{display:flex;gap:8px;min-height:44px;margin-top:10px;font-size:15px}.pack-summary .pack-storage{font-size:14px;margin-top:18px}.pack-contents .section-head p{font-size:15px}.pack-item{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:16px;padding:22px 0;border-top:1px solid var(--border);align-items:start}.pack-item-icon .clay-icon{width:44px;height:44px}.pack-item h3{font-size:18px;line-height:1.35;margin:0 0 6px}.pack-item p{font-size:14px;line-height:1.5;color:#535955;margin:0 0 12px}.pack-own{display:flex;align-items:center;gap:9px;font-size:14px;min-height:36px;cursor:pointer}.pack-own input{width:19px;height:19px;accent-color:var(--action);flex-shrink:0}.pack-retailer{display:flex;gap:5px;min-height:36px;align-items:center;font-size:14px;text-decoration:underline;color:#111}.pack-retailer .icon{width:16px}.pack-quantity{gap:7px}.pack-quantity button{width:36px;height:44px;min-width:36px;font-size:22px}.pack-quantity output{min-width:18px;text-align:center;font-size:16px;font-weight:600}.pack-owned h3:after{content:' · Owned';font-size:13px;color:#086B24;font-weight:500}.pack-excluded h3{text-decoration:line-through;color:#64686C}.pack-source{font-size:14px;line-height:1.5;margin-top:20px}.pack-source a{text-decoration:underline}.pack-source .icon{width:14px}.pack-copy-area{width:100%;font-size:16px;line-height:1.6;padding:14px;border:1px solid var(--border);border-radius:8px}.pack-saved-link{display:inline-flex;font-size:16px;align-items:center;gap:10px;margin:8px 0 20px;text-decoration:underline}
@media(max-width:1250px){.pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pack-detail-layout{grid-template-columns:minmax(0,1fr)}.pack-summary{position:static}.pack-summary .btn{width:auto;margin-right:8px}.pack-art{height:210px}.pack-clay-main{top:55px}}
@media(max-width:760px){.pack-grid{gap:16px}.pack-card-copy{padding:16px}.pack-card h3{font-size:20px}.pack-card p{font-size:15px}.pack-hero{padding:24px;gap:16px;align-items:start}.pack-hero h1{font-size:28px}.pack-hero p{font-size:16px}.pack-hero-icon .clay-icon{width:80px;height:80px}.pack-hero-icon{flex-shrink:0}.pack-item{grid-template-columns:36px minmax(0,1fr);gap:12px}.pack-item-icon .clay-icon{width:36px;height:36px}.pack-quantity{grid-column:2;justify-content:start}.pack-quantity button{width:44px;min-width:44px}.pack-quantity output{min-width:30px}.pack-summary .btn{width:100%}.pack-intro{gap:14px;flex-direction:column}.pack-art{height:180px}.pack-label{font-size:12px}.pack-clay-main{top:40px}.pack-hero-count{font-size:14px}.pack-detail-layout{gap:18px}}
@media(max-width:480px){.pack-grid{grid-template-columns:1fr}.pack-hero{display:block}.pack-hero-icon{display:none}.pack-card{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:stretch}.pack-art{height:auto;min-height:225px}.pack-clay-main{top:64px;left:5px;transform:rotate(-5deg)}.pack-clay-main .clay-icon{width:88px;height:88px}.pack-clay-small{top:123px;left:51px}.pack-clay-small .clay-icon{width:50px;height:50px}.pack-label{left:10px;right:6px;font-size:12px}.pack-number{left:10px;right:auto;bottom:16px;padding:4px 5px;font-size:11px}.pack-card h3{font-size:19px}.pack-card p{font-size:14px;margin-bottom:12px}.pack-card-bottom{font-size:14px;gap:8px}.pack-card-bottom>span{display:none}.pack-card-copy{padding:18px 14px}.pack-item h3{font-size:17px}.pack-source a{overflow-wrap:anywhere}}
@media print{.pack-grid,.pack-retailer,.pack-quantity,.pack-summary button,.pack-summary a,.pack-intro{display:none!important}.pack-detail-layout{display:block}.pack-hero{background:#fff;padding:0}.pack-item{break-inside:avoid}.pack-summary{border:0;padding:0}.pack-item-icon{display:none}.pack-item{grid-template-columns:1fr}.pack-owned,.pack-excluded{display:none}.pack-own{display:none}}

.page-heading .eyebrow{font-size:14px;line-height:1.5}

.pack-quick-action{display:none}
@media(max-width:760px){.pack-quick-action{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:0 0 22px}.pack-quick-action .btn{font-size:16px;gap:8px;padding:12px 18px}.pack-intro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px 12px}.pack-intro>div{flex-direction:column;align-items:start;font-size:14px;line-height:1.4;gap:8px}.pack-intro .icon{height:32px}.pack-intro .clay-icon{width:32px;height:32px}.pack-summary [data-pack-save]{display:none}}
@media print{.pack-quick-action{display:none!important}}
/* Matched pack items (live offers from /api/packs/matches). */
.pack-item p.pack-match{margin:0 0 4px;color:#111;font-size:14px}.pack-disclosure{color:#535955}