.kits{background:radial-gradient(ellipse at 8% 25%,#fbd9e9 0,transparent 44%),radial-gradient(ellipse at 92% 70%,#d9f4e6 0,transparent 42%),#f4ecfc}
.kits .section-heading{text-align:center;display:block}
.kits .section-heading>p{max-width:none;margin:18px auto 28px;font-size:20px;font-weight:800;color:#67417a}
.kits .eyebrow{font-size:15px;letter-spacing:.08em}
.kits .filters{justify-content:center;flex-wrap:wrap;margin-bottom:38px}
.kits .filter{background:#fff9ef;border-color:#856091;box-shadow:0 3px 0 #dbc8e4}
.kits .filter.active{background:#634175;color:#fff9ef}
.kits .product-grid{align-items:start;gap:28px}
.kits .featured-product{position:relative;border:2px solid #d6a1bc;border-radius:46% 42% 15% 18% / 7% 8% 6% 8%;padding:17px 14px 32px;overflow:visible;text-align:center;background:linear-gradient(145deg,#fff5f9,#f9c3dd);box-shadow:inset 0 5px 8px #ffffffbf,0 12px 22px #51346512}
.kits .featured-product.lime{border-color:#b6a0cf;background:linear-gradient(145deg,#f7f0ff,#d8c0ee);border-radius:40% 48% 19% 14% / 8% 6% 9% 6%}
.kits .featured-product.peach{border-color:#dbc290;background:linear-gradient(145deg,#fff9e7,#fae1a7);border-radius:48% 39% 14% 21% / 6% 8% 6% 8%}
.featured-product:after{content:'';position:absolute;bottom:-14px;left:26px;width:26px;height:26px;background:#f9c3dd;border-radius:0 0 60% 55%;border-bottom:2px solid #d6a1bc;box-shadow:48px -4px 0 -4px #f9c3dd;z-index:0}
.featured-product.lime:after{left:auto;right:38px;height:32px;bottom:-20px;background:#d8c0ee;border-color:#b6a0cf;box-shadow:-61px -8px 0 -6px #d8c0ee}
.featured-product.peach:after{left:42%;height:23px;bottom:-11px;background:#fae1a7;border-color:#dbc290;box-shadow:60px -3px 0 -5px #fae1a7}
.slime-media{border-radius:36% 42% 34% 38% / 18% 21% 16% 20%;overflow:hidden;border:2px solid #fff9ef;background:#ffffff6b}
.slime-media .product-image,.media-mix{height:auto;aspect-ratio:1/1;position:relative}
.slime-media .product-image:before{content:'';inset:12%;border-radius:45% 55% 39% 61%;background:#fffaf155;font-size:0}
.media-photo>img,.media-mix>video{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.media-mix[hidden],.media-photo[hidden]{display:none!important}
.mix-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;background:radial-gradient(ellipse at 30% 25%,#fff9ef,#f3d9ee);font-family:'Arial Rounded MT Bold','Trebuchet MS',sans-serif;font-weight:900;font-size:26px;line-height:1.15}
.mix-swirl{display:grid;place-items:center;width:65px;height:65px;border-radius:43% 57% 60% 40%;background:#c9ecd9;font-size:44px;color:#67417a}
.mix-placeholder small{font-family:inherit;font-size:12px;font-weight:400}
.media-switch{display:flex;justify-content:center;gap:8px;margin:16px 0 0}
.media-switch button{padding:8px 12px;border:1px solid #92739e;border-radius:45% 40% 40% 45% / 30%;font-size:12px;background:#fffaf1;color:#513465}
.media-switch button.active{background:#67417a;color:white}
.kits .product-copy{padding:20px 9px 0;position:relative;z-index:1}
.kits .product h3{font-family:'Arial Rounded MT Bold','Trebuchet MS',sans-serif;font-weight:900;color:#634175;font-size:29px;text-shadow:0 2px #fff9ef}
.kits .product p{max-width:270px;margin:0 auto 20px}
.kits .product-bottom{flex-direction:column;gap:12px;justify-content:center}
.kits .product-bottom button{background:#fffaf1;border-color:#856091}
.kits .product-pill{left:50%;transform:translateX(-50%);white-space:nowrap;font-size:9px}
.kits .section-note{text-align:center;margin:38px auto 0}
.empty-slimes{grid-column:1/-1;text-align:center;padding:35px 20px;background:#fff9ef;border-radius:46% 40% 43% 38% / 15%;border:1px solid #c4a9d2}
@media(max-width:900px){.kits .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:42px}}
@media(max-width:600px){.kits .product-grid{grid-template-columns:1fr;max-width:390px;margin:auto}.kits .section-heading>p{font-size:18px}.kits .eyebrow{font-size:12px}.kits .filters{gap:9px}.kits .filter{padding:8px 14px}.kits .featured-product{padding:18px 16px 30px}}

/* Matching aqua treatment for the editable Jelly feature. */
.kits .featured-product.aqua{border-color:#91c7bc;background:linear-gradient(145deg,#f0fff9,#b3e6da);border-radius:43% 49% 20% 14% / 8% 7% 8% 6%}
.featured-product.aqua:after{left:36px;height:29px;bottom:-17px;background:#b3e6da;border-color:#91c7bc;box-shadow:69px -6px 0 -5px #b3e6da}
.slime-media .product-image.aqua{background:#c5eee3}
.aqua .mini-jar{background:linear-gradient(130deg,#d5faf0,#87d4c3);transform:rotate(6deg)}
.kits .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.kits .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.kits .product-grid{grid-template-columns:1fr}}



.texture-section{padding-top:45px;padding-bottom:42px;text-align:center;background:var(--cream);border-top:var(--line)}
.texture-section h2{font-family:'Arial Rounded MT Bold','Trebuchet MS',sans-serif;font-weight:900;font-size:clamp(32px,4vw,50px);color:#79519a;letter-spacing:-.025em;text-shadow:0 2px 0 #f6edff,0 4px 0 #cdb4e1,1px 0 0 #cdb4e1,-1px 0 0 #cdb4e1;margin-bottom:22px}
.texture-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:880px;margin:auto}
.texture-choice{position:relative;display:grid;place-items:center;border:0;background:transparent;padding:0;aspect-ratio:1.5;isolation:isolate;transition:transform .18s}
.texture-choice img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:-1}
.texture-choice span{font-family:'Arial Rounded MT Bold','Trebuchet MS',sans-serif;font-size:clamp(25px,3vw,40px);font-weight:900;line-height:1.05;color:#754295;text-shadow:0 2px 0 #fff7ff,0 4px 0 #b492ce,1px 0 0 #fff7ff,-1px 0 0 #fff7ff;transform:translateY(5%)}
.texture-choice:hover{transform:translateY(-4px)}
.texture-choice:focus-visible{outline:3px solid #754295;outline-offset:4px;border-radius:45%}
@media(max-width:600px){.texture-choices{gap:6px}.texture-section{padding-inline:14px}.texture-choice span{font-size:clamp(18px,5vw,27px)}.texture-section h2{font-size:32px;margin-bottom:19px}}
@media(max-width:380px){.texture-choices{grid-template-columns:1fr;max-width:240px;gap:5px}.texture-choice span{font-size:32px}}
@media(prefers-reduced-motion:reduce){.texture-choice{transition:none}.texture-choice:hover{transform:none}}

.texture-choice .texture-photo{inset:auto;top:17%;left:23%;width:54%;height:63%;object-fit:cover;object-position:50% 54%;border-radius:45% 50% 42% 48%;z-index:0;border:3px solid #fff9f3;box-shadow:0 3px 8px #75429533}
.texture-choice.has-texture-photo span{position:absolute;bottom:14%;z-index:1;background:#fff8f1ed;padding:3px 14px 7px;border-radius:45%;font-size:clamp(20px,2.6vw,34px)}
.texture-detail-photo{display:block;max-width:100%;width:100%;max-height:350px;object-fit:contain;border-radius:20px;background:#f4ecfa;margin-bottom:22px}
.cloud-intro{font-family:'Arial Rounded MT Bold','Trebuchet MS',sans-serif;font-size:21px;font-weight:800;color:#754295}
@media(max-width:600px){.texture-choice .texture-photo{border-width:2px}.texture-choice.has-texture-photo span{font-size:clamp(16px,4.5vw,25px);padding:2px 7px 4px}}

/* Preserve the full uploaded poster and portrait mixing clip. */
.featured-product.aqua .media-photo>img{object-fit:contain;background:#2c0d22}
.media-mix>video{object-fit:contain;background:#201322}

/* Vampire Blood stands out with a rich red feature card. */
.kits .featured-product.aqua{border-color:#b82c4a;background:linear-gradient(145deg,#ffe6e9,#f2a0ae 60%,#df647b);box-shadow:inset 0 5px 8px #ffffffbf,0 12px 22px #8b143222}
.kits .featured-product.aqua:after{background:#df647b;border-color:#b82c4a;box-shadow:66px -7px 0 -5px #df647b}
.kits .featured-product.aqua h3{color:#821f36}
.kits .featured-product.aqua .product-meta{color:#821f36}
.featured-product.aqua .media-switch button{border-color:#b82c4a;color:#821f36;background:#fff0f2}
.featured-product.aqua .media-switch button.active{background:#a42642;color:#fff}
.kits .featured-product.aqua .product-bottom button{border-color:#b82c4a;color:#821f36;background:#fff0f2}
.featured-product.lime .media-photo>img{object-fit:contain;background:#d8c0ee}

/* Clean edges on the three featured slime cards. */
.kits .featured-product::after{content:none;display:none}

/* Show the full uploaded Butter photo inside its feature. */
.featured-product.pink .media-photo>img{object-fit:contain;background:#f9c3dd}