.pp-device-refills{container-type:inline-size;margin:0;color:#333;--pp-refill-ink:#492258;scroll-margin-top:180px}
.pp-device-refills *{box-sizing:border-box}
.pp-device-refills [hidden]{display:none!important}
.pp-device-refills button{font:inherit;cursor:pointer;letter-spacing:normal;text-transform:none}
.pp-device-refills button:focus-visible,.pp-device-refills input:focus-visible+span{outline:2px solid #633176;outline-offset:3px}
.pp-device-refills .pp-refill-head{min-height:34px;padding:8px 12px;border:1px solid #ecd7c1;border-radius:14px;background:linear-gradient(100deg,#fff1df,#f8efff);display:flex;align-items:center}
.pp-device-refills .pp-refill-head h3{font-family:inherit;font-size:13px;font-weight:800;line-height:16px;letter-spacing:-.25px;margin:0;color:#333}
.pp-device-refills .pp-refill-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}
.pp-device-refills .pp-refill-card{position:relative;min-width:0;height:260px;padding:12px;display:grid;grid-template-rows:20px auto 1fr 25px;gap:7px;border:1px solid #eddbc9;border-radius:22px;background:linear-gradient(#fffdf9,#fff8ef);box-shadow:0 4px 14px #11111106}
.pp-device-refills .pp-refill-save{position:absolute;top:-6px;right:8px;background:linear-gradient(135deg,#633176,#492258);color:#fff;border-radius:999px;font-size:8.5px;line-height:10px;font-weight:800;padding:3px 7px;z-index:3}
.pp-device-refills .pp-refill-check{width:20px;height:20px;border:1.5px solid #d5cdbf;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:12px;line-height:1;color:#fff}
.pp-device-refills .is-selected{border-color:#633176}
.pp-device-refills .is-selected .pp-refill-check{background:#633176;border-color:#633176}
.pp-device-refills .pp-refill-media{position:relative;aspect-ratio:4/3;width:100%;border:1px solid #eddbc6;background:radial-gradient(ellipse at 50% 45%,#fff7e9,#f8e4cd);border-radius:16px;overflow:hidden;isolation:isolate}
.pp-device-refills .pp-refill-image{margin:0!important;position:relative;display:block;width:100%;height:100%;object-fit:contain;transform:translate(3px,4px) scale(.85);z-index:2}
.pp-device-refills .pp-refill-copy h4{margin:0 0 3px;font-size:11.5px;line-height:14px;font-weight:800;letter-spacing:-.15px;color:#333}
.pp-device-refills .pp-refill-price{display:flex;align-items:baseline;gap:3px;color:#c95012;line-height:20px}
.pp-device-refills .pp-refill-price span{font-size:9px;font-weight:600}
.pp-device-refills .pp-refill-price strong{font-size:17px;font-weight:800;letter-spacing:-.5px;line-height:20px}
.pp-device-refills .pp-refill-copy p{font-size:9px;line-height:12px;color:#65605a;margin:1px 0 0}
.pp-device-refills .pp-refill-choose{width:100%;height:25px;min-height:0;padding:0 3px;align-self:end;border:1px solid #f4c891;border-radius:999px;background:#fff0dd;color:#8f451e;font-size:9.5px;font-weight:800;line-height:1.2}
.pp-device-refills .pp-refill-choose:hover{background:#ffe4bc}
.pp-device-refills .pp-refill-season{position:absolute;top:2px;left:4px;width:28px;height:19px;overflow:hidden;z-index:3;pointer-events:none}
.pp-device-refills .pp-refill-season::before{content:"";position:absolute;inset:0;width:46px;height:31px;background-image:var(--pp-season);background-repeat:no-repeat;background-size:288px 96px;transform:scale(.6);transform-origin:top left}
.pp-device-refills .litter .pp-refill-season::before{background-position:-60px -4px;clip-path:inset(0 10px 0 0)}
.pp-device-refills .bags .pp-refill-season::before{background-position:-100px -4px}
.pp-device-refills .bed .pp-refill-season::before{background-position:-252px -4px}
.pp-device-refills .pp-refill-pumpkin{position:absolute;bottom:2px;width:45px;height:30px;overflow:hidden;z-index:1;pointer-events:none}
.pp-device-refills .pp-refill-pumpkin::before{content:"";position:absolute;inset:0;width:60px;height:40px;background-image:var(--pp-season);background-size:288px 96px;background-repeat:no-repeat;transform-origin:top left}
.pp-device-refills .litter .pp-refill-pumpkin{left:1px}
.pp-device-refills .litter .pp-refill-pumpkin::before{background-position:-2px -53px;transform:scale(.75)}
.pp-device-refills .bags .pp-refill-pumpkin,.pp-device-refills .bed .pp-refill-pumpkin{right:1px;width:38px}
.pp-device-refills .bags .pp-refill-pumpkin::before{background-position:-148px -57px;transform:scale(.9)}
.pp-device-refills .bed .pp-refill-pumpkin::before{background-position:-248px -57px;transform:scale(.9)}
.pp-device-refills .bags .pp-refill-pumpkin{z-index:4}
.pp-device-refills .pp-refill-pack{font-size:13px;line-height:1.4;color:#756d62;margin:0 0 18px}
.pp-device-refills fieldset{margin:14px 0;padding:0;border:0;min-width:0}
.pp-device-refills legend{float:none;font-size:13px;font-weight:700;padding:0;margin:0 0 8px}
@container(max-width:520px){.pp-device-refills .pp-refill-card{height:252px}.pp-device-refills .pp-refill-head h3{font-size:12px}}
@container(max-width:400px){.pp-device-refills .pp-refill-cards{gap:6px}.pp-device-refills .pp-refill-card{padding:8px 6px;height:244px;grid-template-rows:18px auto 1fr 36px;gap:6px;border-radius:16px}.pp-device-refills .pp-refill-copy h4{font-size:10px;line-height:12px;min-height:24px}.pp-device-refills .pp-refill-check{width:18px;height:18px}.pp-device-refills .pp-refill-price strong{font-size:16px}.pp-device-refills .pp-refill-choose{height:36px;font-size:9px}.pp-device-refills .pp-refill-save{font-size:7.5px;padding:3px 5px;right:4px}.pp-device-refills .pp-refill-head h3{font-size:11px}.pp-device-refills .pp-refill-season{top:1px;left:3px;width:21px;height:15px}.pp-device-refills .pp-refill-season::before{transform:scale(.45)}.pp-device-refills .pp-refill-pumpkin{transform:scale(.7);transform-origin:bottom left}.pp-device-refills .bags .pp-refill-pumpkin,.pp-device-refills .bed .pp-refill-pumpkin{transform-origin:bottom right}}

.pp-device-refills .pp-refill-card{cursor:pointer}
.pp-device-refills .pp-refill-card:focus-within{outline:2px solid #633176;outline-offset:3px}
.pp-device-refills .pp-refill-card:hover{border-color:#b695c2}
.pp-device-refills .pp-refill-error{font-size:13px;line-height:1.4;color:#a72916;background:#fff1ec;border:1px solid #f0c3b9;border-radius:8px;padding:10px;margin:0 0 12px}
.pp-device-refills .pp-refill-check{padding:0;min-height:0;appearance:none;flex:none}
.pp-device-refills .pp-refill-check[aria-checked="true"]{background:#633176;border-color:#633176}
.pp-device-refills .pp-refill-cart-error{margin-top:10px}

.pp-device-refills .pp-refill-top{display:flex;align-items:center;justify-content:space-between;gap:4px;min-width:0}
.pp-device-refills .pp-refill-availability{font-size:8.5px;line-height:1.15;color:#756153;font-weight:600;text-align:right}
@container(max-width:400px){.pp-device-refills .pp-refill-availability{font-size:7px;max-width:64px}}
.pp-device-refills{--pp-refill-ink:#8f451e}
.pp-device-refills .pp-refill-availability{flex:1;max-width:none;text-align:center}
.pp-device-refills .pp-refill-price{flex-wrap:wrap;align-items:center;row-gap:2px}
.pp-device-refills .pp-refill-price .pp-refill-inline-saving{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;margin-left:2px;padding:2px 5px;border:1px solid #f3cc8b;border-radius:6px;background:#fff0d6;color:#8f451e;line-height:9px;white-space:nowrap}
.pp-device-refills .pp-refill-inline-saving b{font-size:7.5px;font-weight:800;line-height:9px}
.pp-device-refills .pp-refill-inline-saving small{font-size:6px;font-weight:500;line-height:7px}
.pp-device-refills .pp-refill-head{background:linear-gradient(100deg,#fff1df,#fff8e9)}
.pp-device-refills .pp-refill-save{background:linear-gradient(135deg,#f5a623,#e18a09);color:#3b260e}
.pp-device-refills .pp-refill-card:hover{border-color:#f1b95b}
.pp-device-refills .is-selected .pp-refill-check,.pp-device-refills .pp-refill-check[aria-checked="true"]{background:#f59e0b;border-color:#f59e0b}
.pp-device-refills button:focus-visible,.pp-device-refills input:focus-visible+span{outline-color:#f59e0b}
.pp-device-refills .pp-refill-card{height:auto;min-height:260px;display:block;align-self:start}
.pp-device-refills .pp-refill-core{height:auto;min-height:234px;display:grid;grid-template-rows:20px auto 1fr 25px;gap:7px}
.pp-device-refills .pp-refill-card.is-selected{border-color:#f0a52e;box-shadow:0 0 0 1px #f0a52e,0 5px 15px #a9650808}
.pp-device-refills .pp-refill-card:focus-within{outline:0}
.pp-device-refills .pp-refill-check:focus-visible,.pp-device-refills .pp-refill-choose:focus-visible{outline:2px solid #f59e0b;outline-offset:3px}
.pp-device-refills .pp-refill-choose{position:relative;display:flex;align-items:center;justify-content:center;gap:6px}
.pp-device-refills .pp-refill-chevron{font-size:13px;font-weight:500;line-height:1;position:absolute;right:10px;top:3px}
.pp-device-refills .pp-refill-choose[aria-expanded="true"] .pp-refill-chevron{transform:rotate(180deg);top:8px}
.pp-device-refills .is-selected .pp-refill-choose{background:#fff1d9;border-color:#f2c77e;color:#8f451e}
.pp-device-refills .pp-refill-inline{border-top:1px solid #efdec3;margin-top:10px;padding-top:10px}
.pp-device-refills .pp-refill-inline fieldset{margin:0 0 11px;padding:0;border:0}
.pp-device-refills .pp-refill-inline legend{font-size:9.5px;font-weight:700;color:#675644;line-height:12px;margin:0 0 6px;padding:0}
.pp-device-refills .pp-refill-inline-choice{display:flex;gap:5px}
.pp-device-refills .pp-refill-inline-choice label{position:relative;flex:1;min-width:0;cursor:pointer}
.pp-device-refills .pp-refill-inline-choice input{position:absolute;width:1px;height:1px;opacity:0}
.pp-device-refills .pp-refill-inline-choice span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:26px;border:1px solid #e1d7cb;border-radius:7px;background:#fffdf9;font-size:10px;line-height:13px;padding:4px 2px;color:#6f645b}
.pp-device-refills .pp-refill-inline-choice input:checked+span{color:#3b260e;background:#f5ae36;border-color:#f0a52e;font-weight:700}
.pp-device-refills .pp-refill-inline-choice input:focus-visible+span{outline:2px solid #f59e0b;outline-offset:2px}
.pp-device-refills .pp-refill-inline-choice.schedule span{font-size:8.5px;white-space:nowrap}
.pp-device-refills .pp-refill-inline-pack{margin:0;font-size:8.5px;line-height:12px;color:#7b7066}

@container(max-width:400px){.pp-device-refills .pp-refill-core{height:auto;min-height:226px;grid-template-rows:18px auto 1fr 36px;gap:6px}.pp-device-refills .pp-refill-card{min-height:244px}.pp-device-refills .pp-refill-inline-choice{gap:4px}.pp-device-refills .pp-refill-inline-choice.schedule{flex-direction:column}.pp-device-refills .pp-refill-inline legend{font-size:9px}.pp-device-refills .pp-refill-choose[aria-expanded="true"] .pp-refill-chevron{top:12px}.pp-device-refills .pp-refill-chevron{top:9px;right:5px}.pp-device-refills .pp-refill-inline-pack{font-size:8px}.pp-device-refills .pp-refill-inline{padding-top:9px;margin-top:8px}}
.pp-device-refills .pp-refill-inline-choice input:disabled+span{opacity:.45;cursor:not-allowed}
.pp-device-refills button:disabled{cursor:not-allowed}

@container (max-width:520px){.pp-device-refills .pp-refill-price{column-gap:1px}.pp-device-refills .pp-refill-price>span:first-child{font-size:8px}.pp-device-refills .pp-refill-price>strong{font-size:15px}.pp-device-refills .pp-refill-price .pp-refill-inline-saving{padding:2px 3px;margin-left:0}.pp-device-refills .pp-refill-inline-saving b{font-size:6.5px;line-height:8px}.pp-device-refills .pp-refill-inline-saving small{font-size:5.5px;line-height:7px}}
