.article-shop{margin:28px 0;max-width:320px}.article-shop [hidden]{display:none}
.shop-card{position:relative;padding:27px 23px;background:#fffdf2;border:1px solid #d7dfc4;border-radius:19px 25px 19px 25px;color:#173d2b;box-shadow:0 6px 0 #d2ddc280,0 20px 32px -18px #183b2b55;rotate:-1.5deg;transition:rotate .3s ease,translate .3s ease}
.shop-card p{font-size:.91rem;line-height:1.65;color:#617158;margin:0 0 20px}
.shop-card h3{font-family:'Barlow Condensed',sans-serif;font-size:2.15rem!important;line-height:1.05;margin:24px 0 17px!important;color:#173d2b}
.cta-kicker{display:block;font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#607a43;position:relative;z-index:1}
.cta-racket{width:55px;height:72px;color:#83a44f}.shop-card-stores>.cta-racket{position:absolute;right:12px;top:15px;width:43px;height:57px;opacity:.7;rotate:12deg}
.cta-shops{display:grid;gap:10px;margin-top:23px}.cta-shops a{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#183f2b;color:white;padding:14px 16px;border-radius:10px;text-decoration:none;transition:translate .2s,background .2s}
.cta-shops a:nth-child(2){background:#e7efd6;color:#21472b}.cta-shops a>span{font-size:1.05rem;font-weight:700}.cta-shops small{display:block;font-size:.71rem;font-weight:400;opacity:.8;margin-top:1px}.cta-shops b{font-size:1.2rem;font-weight:400;color:#c8e86c}.cta-shops a:nth-child(2) b{color:#618638}
.shop-card .cta-disclosure{font-size:.66rem;line-height:1.6;color:#75816b;padding-top:16px;border-top:1px solid #dde5cf;margin:20px 0 0}
.shop-card-product{background:#fafff3;rotate:1.2deg}.cta-product-art{height:140px;margin:18px -8px 20px;position:relative;background:#e2eccf;border-radius:13px;overflow:hidden}
.cta-product-art>.cta-racket{position:absolute;width:85px;height:115px;left:28px;top:10px;color:#315a3b;rotate:-18deg}.cta-product-art>span:last-child{position:absolute;right:12px;top:17px;background:#fffdf1;border-radius:30px;padding:5px 9px;font-size:.62rem;rotate:9deg;color:#4c693f}
.cta-ball{display:block;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#edffa1,#bddd53 64%,#89aa3b);box-shadow:0 5px 10px #40562c22;overflow:hidden;position:relative}
.cta-ball::before{content:'';position:absolute;inset:0 8px;border-left:2px solid #fff9;border-right:2px solid #fff9;border-radius:50%;rotate:30deg}
.cta-product-art>.cta-ball{position:absolute;bottom:20px;right:38px}.shop-card-product h3{font-size:1.95rem!important;margin-top:0!important}
.cta-main{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#c8e86c;border-radius:10px;padding:13px;color:#193f29;text-decoration:none;font-weight:700;font-size:.86rem;box-shadow:0 3px 0 #aecb5a}
.cta-secondary{display:flex;justify-content:space-between;gap:10px;color:#456a3d;font-weight:600;font-size:.79rem;text-decoration:none;padding:15px 0 0}
.shop-card-kit{background:#163e2b;border-color:#335d3c;color:#fff;rotate:-1deg}.shop-card-kit h3{color:#f4f8eb}.shop-card-kit .cta-kicker{color:#c8e86c}.shop-card-kit>p{color:#bcd0be}.shop-card-kit>.cta-ball{position:absolute;right:19px;top:21px;width:24px;height:24px;rotate:-15deg}
.cta-kit-links{margin:24px 0 8px}.cta-kit-links a{display:flex;align-items:center;gap:12px;padding:15px 0;border-top:1px solid #ffffff26;color:#f1f6e9;text-decoration:none}.cta-kit-links a>span{font-size:.67rem;color:#b3d26c}.cta-kit-links a>div{flex:1;font-size:.98rem;font-weight:600}.cta-kit-links small{display:block;font-size:.69rem;font-weight:400;color:#b3c8b4}.cta-kit-links b{color:#c8e86c;font-weight:400}.shop-card-kit .cta-secondary{color:#c8e86c;border-top:1px solid #ffffff26}
.article-shop.shop-floating{position:fixed;left:var(--shop-left);top:var(--shop-top);width:270px;max-width:none;max-height:var(--shop-max-height);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;z-index:44;margin:0;padding:12px 10px 20px}
.article-shop .shop-card{padding:23px 19px}.article-shop .shop-card h3{font-size:1.95rem!important}.article-shop .shop-card p{font-size:.86rem}.article-shop .shop-card .cta-disclosure{font-size:.65rem}
@media(hover:hover) and (pointer:fine){.shop-card:hover{rotate:0deg;translate:0 -3px}.cta-shops a:hover,.cta-main:hover{translate:0 -2px}.cta-secondary:hover{text-decoration:underline}.cta-kit-links a:hover b{translate:3px -3px}}
@media(prefers-reduced-motion:reduce){.shop-card,.shop-card:hover{rotate:0deg;translate:none;transition:none}.cta-shops a,.cta-main{transition:none}}
@media print{.article-shop.shop-floating{position:static;width:auto;max-height:none}}