.ruff-promotion-banner{position:relative;background:linear-gradient(135deg,#f3f9f5,#e0eee5);padding:40px 0}.ruff-promotion-banner .for-desktop{display:inline-block}.ruff-promotion-banner .for-mobile{display:none}.ruff-promotion-banner .section-container{max-width:1400px;padding:0 40px;margin:0 auto}.ruff-promotion-banner .banner-wrapper{display:flex;gap:40px;justify-content:space-evenly}.ruff-promotion-banner .banner-media{position:relative;background:#f7f7f7;width:100%;max-width:321px;height:268px;padding:60px 60px 10px;box-shadow:0 12px 36px #0240121f;border-radius:16px}.ruff-promotion-banner .banner-media .image{width:200px;height:100%;aspect-ratio:1 / 1;object-fit:cover}.ruff-promotion-banner .media-badge{position:absolute;top:18px;left:18px;background:#ff8238;box-shadow:0 3px 8px #ff82384d;padding:8px 12px;color:#fff;font-size:11px;font-weight:800;line-height:100%;letter-spacing:.8px;text-transform:uppercase;border-radius:4px}.ruff-promotion-banner .banner-content{width:100%;max-width:520px}.ruff-promotion-banner .banner-content .block--item{margin-bottom:var(--desktop-space)}.ruff-promotion-banner .banner-content .badge-wrapper{display:inline-block;padding:4px 10px;border-radius:4px;font-weight:800;font-size:11px;line-height:1.2;letter-spacing:.8px;text-transform:uppercase;background:var(--button-bg);color:var(--text-color)}.ruff-promotion-banner .banner-content .block--title{text-transform:capitalize;font-size:34px;letter-spacing:-.6px;line-height:1.2;font-weight:800;margin-top:0;color:var(--text-color)}.ruff-promotion-banner .banner-content .block--text>*{font-weight:400;font-style:italic;font-size:17px;line-height:1.5;letter-spacing:0px;color:var(--text-color)}.ruff-promotion-banner .banner-content .block--text>*:last-child{margin-bottom:0}.ruff-promotion-banner .banner-content .block--button{display:inline-block;font-weight:800;font-size:14px;line-height:100%;letter-spacing:.8px;text-transform:uppercase;padding:16px 32px;background:var(--button-bg);box-shadow:0 4px 14px #ff823847;border-radius:10px;color:var(--text-color);text-decoration:none}.ruff-promotion-banner .banner-content .block--button:hover{background:#fb630a}@media screen and (max-width:768px){.ruff-promotion-banner{position:relative;background:transparent;padding:12px 0 0}.ruff-promotion-banner .for-desktop{display:none}.ruff-promotion-banner .for-mobile{display:inline-block}.ruff-promotion-banner .banner-content .block--item{margin-bottom:var(--mobile-space)}.ruff-promotion-banner .section-container{padding:0 16px}.ruff-promotion-banner .banner-wrapper{display:flex;flex-direction:column;gap:14px;justify-content:center;align-items:flex-start;padding:16px;border:2px solid #024012;border-radius:12px;background:linear-gradient(135deg,#f3f9f5,#e8f3eb 70.72%)}.ruff-promotion-banner .media-badge{position:static;padding:4px 10px;font-size:10px;line-height:1.2}.ruff-promotion-banner .banner-media{width:100%;max-width:100%;height:100%;padding:0;box-shadow:none;border-radius:0;display:flex;justify-content:center}.ruff-promotion-banner .banner-media .image{width:170px}.ruff-promotion-banner .banner-content{max-width:100%;text-align:center}.ruff-promotion-banner .banner-content .block--title{font-size:20px;letter-spacing:-.3px;line-height:1.2}.ruff-promotion-banner .banner-content .block--text>*{font-weight:400;font-style:normal;font-size:14px;line-height:140%}.ruff-promotion-banner .banner-content .block--text{max-width:75%;margin-inline:auto}.ruff-promotion-banner .banner-content .block--button{font-size:13px;letter-spacing:.5px;border-radius:8px;width:100%}}.ruff-product_collection-grid .collection-title_wrapper .Collection-Title{font-weight:800;font-size:13px;line-height:100%;letter-spacing:1px;text-transform:uppercase;color:#555;margin-top:0}
/*# sourceMappingURL=/cdn/shop/t/165/assets/ruff-promotion-banner.css.map */