.pet-product__grid{display:grid;gap:var(--s-5);padding-top:var(--s-4);padding-bottom:var(--s-7)}.pet-product__info{min-width:0}.pet-gallery__main .pet-media{aspect-ratio:1;border:var(--line);border-radius:var(--r-md);background:var(--c-white)}.pet-gallery__main .pet-ph{border:0}.pet-gallery__thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-2);margin-top:var(--s-2)}.pet-gallery__thumb{aspect-ratio:1;padding:0;border:2px solid color-mix(in srgb,var(--c-black) 30%,transparent);border-radius:var(--r-sm);background:var(--c-white);cursor:pointer}.pet-gallery__thumb[aria-current=true]{border-color:var(--c-black);outline:2px solid var(--c-satsuma);outline-offset:1px}.pet-gallery__thumb img{width:100%;height:100%;object-fit:cover}.pet-product__title h1{font-size:var(--fs-title)}.pet-product__price{display:flex;align-items:baseline;gap:var(--s-2);margin-top:var(--s-3);font-size:var(--fs-sm)}.pet-product__price strong{font-family:var(--f-display);font-size:var(--fs-xl);font-weight:600}.pet-mini-trust{display:grid;gap:var(--s-2);margin:var(--s-4) 0 0;padding:0;font-size:var(--fs-sm);font-weight:500;list-style:none}.pet-mini-trust li{display:flex;align-items:center;gap:var(--s-2)}.pet-mini-trust .pet-icon{--icon-size: 20px}.pet-product__noscript{margin-top:var(--s-5);padding:var(--s-4);border:var(--line);border-radius:var(--r-md);background:var(--c-accent-1);font-weight:700}.pet-builder{margin-top:var(--s-5);border:var(--line);border-radius:var(--r-lg)}.pet-progress{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4);border-bottom:var(--line);border-radius:var(--r-lg) var(--r-lg) 0 0;background:var(--c-white)}.pet-progress__bar{flex:1;height:10px;overflow:hidden;border:1.5px solid var(--c-black);border-radius:var(--r-pill);background:var(--c-white)}.pet-progress__bar span{display:block;width:25%;height:100%;border-right:1.5px solid var(--c-black);background:var(--c-satsuma);transition:width .25s ease}.pet-progress__label{font-size:var(--fs-sm);font-weight:700;white-space:nowrap}.pet-step{padding:var(--s-5) var(--s-4)}.pet-step__heading{font-size:2.4rem}.pet-step__heading:focus{outline:none}.pet-step__intro{margin-top:var(--s-1);color:var(--c-text-soft);font-size:var(--fs-sm)}.pet-field{min-width:0;margin:var(--s-5) 0 0;padding:0;border:0}.pet-field>legend{float:left;width:100%;padding:0}.pet-field>legend+*{clear:both}.pet-label--row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2)}.pet-reveal{margin:0 0 var(--s-3)}.pet-seg{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:var(--line);border-radius:var(--r-pill);background:var(--c-white)}.pet-seg label{position:relative;display:flex;align-items:center;justify-content:center;min-height:var(--tap);font-weight:700;cursor:pointer}.pet-seg label+label{border-left:var(--line)}.pet-seg input{position:absolute;opacity:0}.pet-seg span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.pet-seg--4{grid-template-columns:repeat(4,minmax(0,1fr));font-size:var(--fs-sm)}@media screen and (min-width:600px){.pet-seg--4{font-size:var(--fs-md)}}.pet-seg input:checked+span{background:var(--c-black);color:var(--c-satsuma)}.pet-seg input:focus-visible+span{outline:3px solid var(--c-satsuma);outline-offset:-6px;border-radius:var(--r-pill)}.pet-seg input:not(:checked):focus-visible+span{outline-color:var(--c-black)}.pet-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-3)}.pet-swatch{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--s-1);font-size:var(--fs-xs);font-weight:700;text-align:center;cursor:pointer}.pet-swatch input{position:absolute;opacity:0}.pet-swatch__dot{display:block;width:48px;height:48px;border:var(--line);border-radius:50%;background:var(--swatch)}.pet-swatch__dot--pattern{background:var(--c-tint) var(--swatch-image, none) center / 220% auto no-repeat}.pet-swatch input:checked+.pet-swatch__dot,.pet-swatch input:focus-visible+.pet-swatch__dot{outline:3px solid var(--c-black);outline-offset:3px}.pet-swatch input:focus-visible:not(:checked)+.pet-swatch__dot{outline-style:dashed}.pet-chosen{margin-top:var(--s-3);font-size:var(--fs-sm)}.pet-choice{position:relative;display:flex;align-items:flex-start;gap:var(--s-3);margin-bottom:var(--s-3);padding:var(--s-4);border:var(--line);border-radius:var(--r-md);background:var(--c-white);cursor:pointer}.pet-choice input{position:absolute;opacity:0}.pet-choice__tick{display:flex;flex:none;align-items:center;justify-content:center;width:26px;height:26px;margin-top:1px;border:var(--line);background:var(--c-white)}.pet-choice input[type=radio]~.pet-choice__tick{border-radius:50%}.pet-choice input[type=checkbox]~.pet-choice__tick{border-radius:7px}.pet-choice__tick .pet-icon{--icon-size: 16px;opacity:0}.pet-choice input:checked~.pet-choice__tick{background:var(--c-satsuma)}.pet-choice input:checked~.pet-choice__tick .pet-icon{opacity:1}.pet-choice:has(input:checked){background:var(--c-satsuma-tint);box-shadow:3px 3px 0 var(--c-black)}.pet-choice:has(input:focus-visible){outline:3px solid var(--c-black);outline-offset:3px}.pet-choice:has(input:disabled){opacity:.5;cursor:not-allowed}.pet-choice__body{flex:1;min-width:0}.pet-choice__top{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);font-weight:700}.pet-choice__text{display:block;margin-top:2px;color:var(--c-text-soft);font-size:var(--fs-sm)}.pet-upload__zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-2);min-height:190px;padding:var(--s-5) var(--s-4);border:3px dashed var(--c-black);border-radius:var(--r-md);background:var(--c-white);text-align:center;cursor:pointer}.pet-upload__zone:hover{background:var(--c-accent-2)}.pet-upload__zone:has(input:focus-visible){outline:3px solid var(--c-black);outline-offset:3px}.pet-upload__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.pet-upload__icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border:var(--line);border-radius:50%;background:var(--c-satsuma)}.pet-upload__icon--butter{background:var(--c-accent-1)}.pet-upload__icon .pet-icon{--icon-size: 30px}.pet-upload__title{font-family:var(--f-display);font-size:var(--fs-lg);font-weight:600}.pet-upload__text{color:var(--c-text-soft);font-size:var(--fs-sm)}.pet-upload__done{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3);border:var(--line);border-radius:var(--r-md);background:var(--c-white)}.pet-upload__thumb{width:72px;height:72px;border:var(--line);border-radius:var(--r-sm);object-fit:cover}.pet-upload__meta{flex:1;min-width:0;font-size:var(--fs-sm)}.pet-upload__meta strong{display:block;font-size:var(--fs-md)}.pet-upload__name{display:block;overflow:hidden;color:var(--c-text-soft);text-overflow:ellipsis;white-space:nowrap}.pet-upload__change{min-height:var(--tap-min);padding:var(--s-2);border:0;background:none;font-size:var(--fs-sm);font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.pet-note{margin:var(--s-4) 0 0;padding:var(--s-3) var(--s-4);border:var(--line);border-radius:var(--r-md);background:var(--c-satsuma-tint);font-size:var(--fs-sm)}.pet-reassure{display:flex;gap:var(--s-3);margin-top:var(--s-4);padding:var(--s-4);border:var(--line);border-radius:var(--r-md);background:var(--c-accent-1)}.pet-reassure .pet-icon{--icon-size: 28px}.pet-reassure strong{display:block;font-family:var(--f-display);font-size:var(--fs-lg);font-weight:600;line-height:1.2}.pet-reassure p{margin-top:var(--s-1);font-size:var(--fs-sm)}.pet-tips{margin-top:var(--s-4);border:var(--line);border-radius:var(--r-md);background:var(--c-satsuma);color:var(--c-black)}.pet-tips summary{display:flex;align-items:center;justify-content:space-between;min-height:var(--tap);padding:0 var(--s-4);font-weight:700;list-style:none;cursor:pointer}.pet-tips summary::-webkit-details-marker{display:none}.pet-tips summary:after{content:"+";font-family:var(--f-display);font-size:2.4rem}.pet-tips[open] summary:after{content:"\2013"}.pet-tips ul{display:grid;gap:var(--s-2);margin:0;padding:0 var(--s-4) var(--s-4) 3.52rem;font-size:var(--fs-sm)}.pet-later{font-size:var(--fs-sm)}.pet-later strong{display:block;margin-bottom:var(--s-1);font-size:var(--fs-md)}.pet-summary{display:grid;gap:var(--s-2);margin:var(--s-4) 0 0;padding:var(--s-4);border:var(--line);border-radius:var(--r-md);background:var(--c-white);font-size:var(--fs-sm);list-style:none}.pet-summary li{display:flex;justify-content:space-between;gap:var(--s-3)}.pet-summary li span:last-child{font-weight:700;text-align:right}.pet-summary__total{padding-top:var(--s-2);border-top:var(--line);font-size:var(--fs-md)}.pet-step-nav{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-4);padding-bottom:calc(var(--s-4) + env(safe-area-inset-bottom,0px));border-top:var(--line);border-radius:0 0 var(--r-lg) var(--r-lg);background:var(--c-white)}.pet-step-nav__next{flex:1;max-width:320px}.pet-step-nav__total{font-size:var(--fs-sm);line-height:1.25}.pet-step-nav__total span{display:block}.pet-step-nav__total strong{display:block;font-family:var(--f-display);font-size:var(--fs-lg);font-weight:600}@media screen and (min-width:900px){.pet-product__grid{grid-template-columns:1fr 1fr;align-items:start;gap:var(--s-7);padding-top:var(--s-6)}.pet-product__media{position:sticky;top:calc(var(--pet-sticky-top, 106px) + var(--s-4))}.pet-step{padding:var(--s-6)}.pet-step-nav{padding-left:var(--s-6);padding-right:var(--s-6)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/pet-main-product.css.map */