:root{--module-bg: #2d2d2d;--primary-gradient: linear-gradient(135deg, #ff6b35, #f7931e);--text-primary: #ffffff;--text-secondary: #999999;--coupon-bg: #dc2626;--grid-item-bg: #000000;--border-radius: 8px;--spacing: 12px}.wheel-promotion-module{background:var(--module-bg);padding:24px;margin:20px auto;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:100%}.wheel-header{text-align:center;margin-bottom:24px;padding:10px}.wheel-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 8px;padding:5px}.wheel-subtitle{font-size:14px;color:var(--text-secondary);margin:0;padding:5px}.wheel-content{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"grid spin";gap:24px;align-items:start}.wheel-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr);column-gap:var(--spacing);row-gap:var(--spacing);height:100%;grid-area:grid}.wheel-grid-item{background:var(--grid-item-bg);border-radius:30px;overflow:hidden;position:relative;display:flex;flex-direction:column}.grid-item-image{width:100%;object-fit:contain;border-radius:4px;background:#000;padding:8px}.grid-item-footer{background:var(--primary-gradient);border-radius:6px;padding:8px 12px;text-align:center;margin-top:10px}.grid-item-text{font-size:16px;font-weight:700;color:#000;display:block}.coupon-tag{position:absolute;top:8px;right:8px;background:var(--coupon-bg);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;text-align:center;z-index:2}.coupon-tag:before{content:"";position:absolute;top:100%;left:calc(50% - 4px);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--coupon-bg)}.wheel-spin-section{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:400px;grid-area:spin}.spin-title{font-size:24px;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 20px;text-align:center;padding:10px}.wheel-graphic{position:relative}.wheel-image{width:95%!important;height:95%!important;object-fit:contain;padding:20px}.spin-subtitle{font-size:14px;color:var(--text-secondary);text-align:center;margin:0 0 12px}.spin-description{font-size:13px;color:var(--text-secondary);text-align:center;margin:0 0 12px}.wheel-footer-text{font-size:12px;color:var(--text-secondary);text-align:center;margin:0;max-width:300px;line-height:1.4}@media (max-width: 1199px){.wheel-promotion-module{padding:20px}.wheel-content{gap:20px}}@media (max-width: 767px){.wheel-promotion-module{padding:15px}.wheel-header{padding:8px}.wheel-title,.wheel-subtitle{padding:4px}.spin-title{padding:8px}}@media (max-width: 767px){.wheel-promotion-module{padding:16px 12px}.wheel-content{grid-template-columns:1fr;grid-template-areas:"spin" "grid";gap:20px;margin:0!important;max-width:100%!important;max-height:none!important;padding:30px 5px}.wheel-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;column-gap:10px;row-gap:10px;max-width:100%;margin:0;padding:0!important}.wheel-spin-section{min-height:auto}.wheel-graphic{margin-bottom:16px}.spin-title{font-size:20px;margin-bottom:16px}.wheel-title{font-size:16px}.wheel-subtitle{font-size:12px}.wheel-grid-item{border:1px solid rgba(255,255,255,.3);border-radius:12px;background:var(--grid-item-bg)}.grid-item-footer{border-radius:8px;padding:12px 8px;margin-top:auto;width:100%}.grid-item-text{font-size:16px;font-weight:700;color:#000}.grid-item-image{padding:4px}.wheel-footer-text{font-size:10px}}@media (max-width: 480px){.wheel-promotion-module{padding:12px 8px}.wheel-grid{column-gap:8px;row-gap:8px}.wheel-grid-item{border-radius:12px}.grid-item-footer{padding:10px 6px}.grid-item-text{font-size:14px}}@media (prefers-contrast: high){.wheel-promotion-module{--text-secondary: #cccccc;--grid-item-bg: #000000}.wheel-grid-item{border:2px solid #ffffff}.grid-item-footer{border:2px solid #000000}}@media print{.wheel-promotion-module{background:#fff;color:#000;border:1px solid black}.wheel-grid-item,.grid-item-footer{background:#fff;border:1px solid black}.coupon-tag{background:#fff;color:#000;border:1px solid black}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/wheel-module.css.map */