/*
Theme Name: Zubbuu Spot
Theme URI: https://zubbuu.com
Author: Zubbuu
Description: Mobile-first pop storefront for Zubbuu pimple patches. WooCommerce ready.
Version: 5.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: zubbuu
Update URI: false
*/
:root{--pink:#ff4f9a;--yellow:#f7d900;--purple:#7157ff;--aqua:#36d8cf;--orange:#ff7a35;--ink:#121212;--cream:#fff7df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit}button,a{font:inherit}.z-announcement{background:var(--ink);color:#fff;text-align:center;font-weight:900;font-size:12px;letter-spacing:.13em;padding:10px}.z-nav{height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 32px;background:var(--yellow);border-bottom:3px solid var(--ink);position:relative;z-index:20}.z-logo{font-family:"Arial Black",Impact,sans-serif;font-size:40px;font-weight:900;letter-spacing:-4px;text-decoration:none}.z-logo i{font-style:normal;color:var(--pink);font-size:22px}.z-menu,.z-actions{display:flex;gap:28px;align-items:center}.z-menu a,.z-actions a{text-transform:uppercase;text-decoration:none;font-size:13px;font-weight:900}.z-actions{justify-content:flex-end}.z-bag span{display:inline-grid;place-items:center;background:var(--pink);color:#fff;width:22px;height:22px;border:2px solid var(--ink);border-radius:50%;margin-left:4px}.z-menu-toggle{display:none;background:none;border:0;font-size:23px}.z-hero{min-height:670px;display:grid;grid-template-columns:1.02fr .98fr;background:var(--yellow);border-bottom:3px solid var(--ink);overflow:hidden}.z-hero-copy{padding:80px 5vw 70px}.z-kicker{font-size:13px;font-weight:900;letter-spacing:.17em;margin:0 0 24px;text-transform:uppercase}.z-title,.z-section-title{font-family:"Arial Black",Impact,sans-serif;font-size:clamp(58px,7vw,110px);font-weight:900;line-height:.8;letter-spacing:-.07em;margin:0}.z-title em{font-style:normal;color:var(--pink);-webkit-text-stroke:2px var(--ink);text-shadow:3px 3px 0 var(--ink)}.z-lede{font-size:18px;line-height:1.45;max-width:560px;margin:32px 0}.z-button{display:inline-flex;justify-content:space-between;align-items:center;min-width:245px;padding:17px 20px;background:var(--pink);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);text-decoration:none;text-transform:uppercase;font-weight:900;cursor:pointer}.z-button:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--ink)}.z-fact{display:inline-block;margin:25px 0 0;padding:10px 14px;border:2px solid var(--ink);background:var(--cream);font-family:"Arial Black",Impact,sans-serif;font-size:15px;line-height:1.15;text-transform:uppercase;transform:rotate(-1deg)}.z-hero-art,.z-product-art{position:relative;display:grid;place-items:center;overflow:hidden}.z-hero-art{background:var(--pink);border-left:3px solid var(--ink)}.z-orbit{position:absolute;border:3px solid rgba(18,18,18,.35);border-radius:50%;width:630px;height:220px;transform:rotate(24deg)}.z-orbit.two{transform:rotate(-27deg);width:520px;height:520px}.z-pack{width:min(65%,390px);aspect-ratio:.78;background:#e8e8e8;padding:12px;border:3px solid var(--ink);border-radius:20px;box-shadow:18px 20px 0 var(--ink);transform:rotate(-5deg);position:relative;z-index:2}.z-pack-face{height:100%;background:var(--purple);border:2px solid var(--ink);border-radius:12px;padding:23px;display:flex;flex-direction:column}.z-pack-logo{font-family:"Arial Black",Impact,sans-serif;font-size:43px;letter-spacing:-4px;color:#fff}.z-pack-logo i{font-style:normal;color:var(--yellow)}.z-pack-window{margin:auto;background:var(--cream);border:3px solid var(--ink);border-radius:20px;padding:18px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.z-star{display:inline-block;width:30px;aspect-ratio:1;clip-path:polygon(50% 0,61% 34%,98% 35%,68% 56%,79% 92%,50% 71%,21% 92%,32% 56%,2% 35%,39% 34%);filter:drop-shadow(1px 2px 0 #111)}.z-pack-foot{display:flex;justify-content:space-between;align-items:end;color:#fff}.z-pack-foot b{font-size:20px}.z-pack-foot small{font-size:9px}.z-ticker{background:var(--ink);color:#fff;overflow:hidden;height:54px;display:flex;align-items:center}.z-ticker div{font-weight:900;word-spacing:16px;white-space:nowrap;font-size:18px;animation:zmove 18s linear infinite}@keyframes zmove{to{transform:translateX(-50%)}}.z-belief,.z-reviews{padding:100px 6vw;text-align:center}.z-section-title{font-size:clamp(52px,7vw,105px)}.z-section-title span{color:var(--pink)}.z-belief>p:not(.z-kicker){font-size:20px;line-height:1.5;max-width:750px;margin:32px auto 60px}.z-benefits{display:grid;grid-template-columns:repeat(3,1fr);border:3px solid var(--ink);text-align:left}.z-benefits article{padding:28px;min-height:210px}.z-benefits article+article{border-left:3px solid var(--ink)}.z-benefits small{float:right;color:var(--pink);font-weight:900}.z-benefits b{display:block;font-family:"Arial Black",Impact,sans-serif;font-size:24px;margin-top:60px}.z-product{display:grid;grid-template-columns:1fr 1fr;border:3px solid var(--ink);border-left:0;border-right:0}.z-product-art{min-height:690px;background:var(--aqua);border-right:3px solid var(--ink)}.z-product-art .z-pack{width:355px;transform:rotate(7deg)}.z-product-copy{background:#fff;padding:75px 6vw}.z-product-copy .z-section-title{font-size:clamp(55px,5.7vw,90px)}.z-rating{font-size:12px;font-weight:900;margin:25px 0;color:var(--pink)}.z-product-copy>p{font-size:18px;line-height:1.5}.z-product-copy ul{padding:0;list-style:none;border-top:2px solid var(--ink);margin:30px 0}.z-product-copy li{padding:14px 0;border-bottom:2px solid var(--ink)}.z-product-copy li b{color:var(--pink);font-size:20px}.z-add{width:100%;background:var(--yellow)}.z-shipping{text-align:center!important;font-size:12px!important;font-weight:700}.z-how{display:grid;grid-template-columns:.7fr 1.3fr;background:var(--purple);color:#fff;padding:95px 6vw}.z-how .z-section-title i{color:var(--yellow);font-style:normal}.z-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.z-step{background:var(--cream);color:var(--ink);padding:22px;border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink)}.z-step-icon{height:170px;background:var(--pink);border:3px solid var(--ink);display:grid;place-items:center;margin-bottom:20px;font-size:70px;font-family:"Arial Black",Impact,sans-serif}.z-step:nth-child(2) .z-step-icon{background:var(--yellow)}.z-step:nth-child(3) .z-step-icon{background:var(--aqua)}.z-step b{font-family:"Arial Black",Impact,sans-serif;font-size:22px}.z-reviews{background:var(--yellow)}.z-review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px;text-align:left}.z-review{margin:0;background:#fff;border:3px solid var(--ink);padding:28px;min-height:230px;font-size:19px;font-weight:800;line-height:1.45;box-shadow:7px 7px 0 var(--ink)}.z-review:nth-child(2){background:var(--pink)}.z-review:nth-child(3){background:var(--aqua)}.z-review cite{display:block;font-size:12px;font-style:normal;margin-top:25px}.z-final{padding:110px 20px;background:var(--pink);text-align:center}.z-final .z-section-title span{color:var(--yellow)}.z-final p{font-family:"Arial Black",Impact,sans-serif;font-size:24px;text-transform:uppercase}.z-final .z-button{background:var(--ink);color:#fff;box-shadow:6px 6px 0 var(--yellow)}.z-footer{background:var(--ink);color:#fff;padding:50px 6vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end}.z-footer .z-logo{color:#fff}.z-footer-menu{display:flex;flex-direction:column;gap:8px}.z-footer p{text-align:right;font-size:12px}.z-mobile-buy{display:none}
@media(max-width:900px){body{padding-bottom:82px}.z-announcement{font-size:9px;padding:8px 3px}.z-nav{height:58px;padding:0 15px;position:sticky;top:0}.z-menu-toggle{display:block}.z-menu{display:none;position:absolute;top:58px;left:0;right:0;background:var(--yellow);border-bottom:3px solid var(--ink);padding:24px;flex-direction:column;align-items:flex-start}.z-menu.open{display:flex}.z-logo{font-size:31px}.z-hero{grid-template-columns:1fr;min-height:auto}.z-hero-copy{padding:38px 18px 34px}.z-kicker{font-size:11px;margin-bottom:16px}.z-title{font-size:clamp(58px,17vw,78px);line-height:.78;-webkit-text-stroke:1px var(--ink)}.z-lede{font-size:17px;font-weight:600;margin:25px 0}.z-hero .z-button{width:100%;min-height:58px}.z-fact{font-size:13px}.z-hero-art{border-left:0;border-top:3px solid var(--ink);min-height:400px}.z-hero-art .z-pack{width:min(68%,280px);box-shadow:12px 14px 0 var(--ink)}.z-ticker{height:46px}.z-ticker div{font-size:14px}.z-belief,.z-reviews{padding:62px 18px}.z-section-title{font-size:clamp(48px,14vw,65px);line-height:.82}.z-belief>p:not(.z-kicker){font-size:17px;margin:26px auto 38px}.z-benefits{grid-template-columns:1fr}.z-benefits article{min-height:150px;padding:20px}.z-benefits article+article{border-left:0;border-top:3px solid var(--ink)}.z-benefits b{margin-top:38px;font-size:21px}.z-product{grid-template-columns:1fr}.z-product-art{min-height:455px;border-right:0;border-bottom:3px solid var(--ink)}.z-product-art .z-pack{width:68%}.z-product-copy{padding:48px 18px}.z-product-copy .z-section-title{font-size:clamp(46px,13vw,62px)}.z-how{grid-template-columns:1fr;padding:62px 18px;gap:38px}.z-how .z-section-title{font-size:clamp(55px,15vw,74px)}.z-steps{grid-template-columns:1fr;gap:14px}.z-step{display:grid;grid-template-columns:105px 1fr;grid-template-rows:auto auto;column-gap:16px;align-items:center;padding:17px}.z-step-icon{width:105px;height:105px;margin:0;grid-row:1/3;font-size:45px}.z-step b{font-size:20px;align-self:end}.z-step p{margin:5px 0 0;align-self:start}.z-review-grid{grid-template-columns:1fr;margin-top:35px}.z-final{padding:75px 18px}.z-final .z-button{width:100%}.z-footer{grid-template-columns:1fr;text-align:center;gap:30px}.z-footer-menu{align-items:center}.z-footer p{text-align:center}.z-mobile-buy{position:fixed;display:flex;left:10px;right:10px;bottom:10px;z-index:45;min-height:62px;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--yellow);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);font-weight:900;text-decoration:none}.z-mobile-buy span{display:flex;flex-direction:column}.z-mobile-buy small{font-size:10px}.z-mobile-buy strong{font-family:"Arial Black",Impact,sans-serif;font-size:14px}}