:root{--builder-primary: #007bff;--builder-secondary: #6c757d;--builder-success: #28a745;--builder-dark: #121212;--builder-light: #f8f9fa;--builder-white: #ffffff;--builder-shadow: 0 10px 30px rgba(0, 0, 0, .1);--builder-radius: 20px;--builder-font: "Outfit", sans-serif}.sticker-builder-section{padding:60px 0;background-color:var(--builder-light);font-family:var(--builder-font);color:var(--builder-dark)}.builder-container{max-width:1400px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 450px;gap:40px;align-items:start}@media(max-width:1200px){.builder-container{grid-template-columns:1fr}}.builder-header{margin-bottom:40px}.builder-header h1{font-size:48px;font-weight:800;margin-bottom:10px;line-height:1.1}.builder-header .highlight{color:var(--builder-primary);font-style:italic}.builder-header p{font-size:18px;color:#666;max-width:600px}.builder-main{background:var(--builder-white);border-radius:var(--builder-radius);padding:30px}.search-filter-area{margin-bottom:30px}.search-box{position:relative;margin-bottom:20px}.search-box input{width:100%;padding:13px 25px 13px 55px;border:1px solid #eee;border-radius:15px;font-size:16px;transition:all .3s ease;background:#fdfdfd}.search-box input:focus{outline:none;border-color:var(--builder-primary);box-shadow:0 0 0 4px #007bff1a}.search-box svg{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--builder-primary)}.filter-tags{display:flex;flex-wrap:wrap;gap:10px}.filter-tag{padding:8px 20px;border-radius:50px;border:1px solid #eee;background:#fff;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;text-transform:uppercase}.filter-tag:hover{background:#f0f0f0}.filter-tag.active{background:var(--builder-dark);color:#fff;border-color:var(--builder-dark)}.sticker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:25px}.sticker-item{background:#fff;border:1px solid #eee;border-radius:15px;padding:15px;text-align:center;transition:all .3s ease;position:relative}.sticker-item:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000000d}.sticker-item.selected{border:2px solid #0085FF;background:#fff}.sticker-image{width:100%;aspect-ratio:1;object-fit:contain;margin-bottom:15px;border-radius:10px}.sticker-item h3{font-size:14px;font-weight:700;margin:10px 0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticker-item .category{font-size:11px;color:var(--builder-primary);text-transform:uppercase;font-weight:800;margin-bottom:8px;display:block}.add-btn{width:100%;padding:10px;border:none;border-radius:10px;background:var(--builder-dark);color:#fff;font-weight:700;font-size:12px;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.add-btn:hover{background:#333}.add-btn.sold-out-btn{background:#e9ecef;color:#aaa;cursor:not-allowed;letter-spacing:.5px}.add-btn.sold-out-btn:hover{background:#e9ecef}.sticker-item.is-sold-out{opacity:.6}.sticker-item.is-sold-out .sticker-image,img.sold-out-img{filter:grayscale(100%)}.stock-badge{position:absolute;top:8px;left:8px;font-size:9px;font-weight:800;padding:3px 7px;border-radius:50px;text-transform:uppercase;letter-spacing:.5px;z-index:2}.sold-out-badge{background:#dc3545;color:#fff}.low-stock-badge{background:#ff8c00;color:#fff}.qty-btn.qty-plus-disabled,.qty-btn.qty-plus-disabled:hover{background:#f0f0f0;color:#ccc;cursor:not-allowed}.quantity-badge{position:absolute;top:-10px;right:-10px;background:var(--builder-primary);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:2px solid white;box-shadow:0 2px 5px #0003;display:none}.sticker-item.selected .quantity-badge{display:flex}.builder-sidebar{height:fit-content;z-index:10;display:flex;flex-direction:column}@media(min-width:769px){.builder-sidebar{position:sticky;top:20px}.summary-card{order:-1}}.preview-card{background:#fff;border-radius:var(--builder-radius);padding:30px;margin-top:30px}.preview-header{text-align:center;margin-bottom:25px}.preview-header h2{font-size:18px;font-weight:900;margin:0;text-transform:uppercase;color:var(--builder-dark);letter-spacing:1px}.virtual-preview-box{width:100%;aspect-ratio:1;background:#fff;border:1px solid #eee;border-radius:15px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.stickers-on-laptop{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.qty-selector{display:flex;align-items:center;justify-content:space-between;background:#f8f9fa;border-radius:12px;padding:5px;margin-top:10px}.qty-btn{width:40px;height:40px;border-radius:10px;border:none;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px #0000000d;transition:all .2s ease}.qty-btn:hover{background:#f0f0f0}.qty-count{font-weight:800;font-size:16px;padding:0 15px}.sticker-on-preview{position:absolute;width:40px;height:40px;object-fit:contain;transition:all .5s cubic-bezier(.175,.885,.32,1.275);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.summary-card{background:#fff;border-radius:var(--builder-radius);padding:30px}.price-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.price-info{display:flex;flex-direction:column}.current-price{font-size:36px;font-weight:900}.price-label{font-size:12px;font-weight:700;color:var(--builder-success);text-transform:uppercase}.buy-now-btn{width:100%;padding:20px;background:var(--builder-dark);color:#fff;border:none;border-radius:15px;font-size:18px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:15px;transition:all .3s ease;text-transform:uppercase}.buy-now-btn:hover{background:#000;transform:translateY(-3px);box-shadow:0 10px 20px #0000001a}.buy-now-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.clear-selection{display:block;text-align:center;margin-top:15px;color:#999;text-decoration:none;font-size:12px;font-weight:700;text-transform:uppercase}.features-list{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.feature-item{display:flex;align-items:center;gap:15px;padding:10px 18px;background:#f8f9fa;border-radius:15px;font-family:var(--builder-font)}.feature-item svg{color:#0085ff;flex-shrink:0}.feature-item div{display:flex;flex-direction:column}.feature-item strong{font-size:13px;font-weight:900;color:var(--builder-dark);text-transform:uppercase;line-height:1.2}.feature-item span{font-size:11px;font-weight:700;color:#99abb4;line-height:1.2}.feature-item>span{font-size:13px;font-weight:900;color:var(--builder-dark);text-transform:uppercase}.sticker-grid{padding-top:1rem;padding-bottom:1rem}@media screen and (max-width:768px){.builder-container{display:block;padding-bottom:120px}.builder-main{padding:12px;margin-bottom:20px}.sticker-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px}.preview-overlay{position:fixed;top:0;left:0;display:block!important;width:100%;height:100%;background:#00000080;z-index:990;opacity:0;pointer-events:none;transition:opacity .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.preview-overlay.is-active{opacity:1;pointer-events:auto}.builder-sidebar{position:fixed;bottom:0;left:0;width:100%;z-index:999;background:#fff;box-shadow:0 -10px 30px #0000001a;padding:0;border-radius:20px 20px 0 0;display:flex;flex-direction:column}.view-sheet-trigger{background:#f0f0f0;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;border-radius:20px 20px 0 0;font-size:13px;font-weight:700;text-transform:uppercase;color:#666}.preview-card{display:block;position:absolute;bottom:100%;left:0;width:100%;height:63vh;background:#fff;z-index:-1;margin:0;border-radius:30px 30px 0 0;box-shadow:none;transform:translateY(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);padding:20px;overflow-y:auto;pointer-events:none;opacity:0}.preview-card.is-open{transform:translateY(15px);pointer-events:auto;opacity:1}.preview-close{position:absolute;bottom:calc(100% + 63vh);right:15px;background:#fff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1001;box-shadow:0 4px 15px #00000026;opacity:0;pointer-events:none;transition:all .3s ease;transform:translateY(20px)}.preview-card.is-open~.preview-close{opacity:1;pointer-events:auto;transform:translateY(0)}.summary-card{padding:15px 20px 25px;box-shadow:none;background:transparent}.price-row{margin-bottom:15px;display:flex;justify-content:space-between;align-items:center}.selected-info{text-align:right;display:flex;flex-direction:column;align-items:flex-end}.selected-info .label{font-size:10px;color:#999;text-transform:uppercase;font-weight:700}.selected-info .selected-count{font-size:16px;font-weight:900;color:var(--builder-primary)}.current-price{font-size:24px}.buy-now-btn{padding:15px;font-size:16px}.features-list,.payment-icons,.clear-selection{display:none}}.promo-bundle-box{background:linear-gradient(135deg,#f8faff,#f0f4ff);border:1px solid rgba(0,133,255,.12);border-radius:16px;padding:14px;margin-bottom:20px;transition:all .3s ease}.promo-bundle-box.unlocked{background:linear-gradient(135deg,#f0fff4,#dcffe4);border:1px solid rgba(40,167,69,.25)}.promo-tiers-header{margin-bottom:10px}.promo-tiers-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:#555;display:flex;align-items:center;gap:5px}.promo-tiers-title svg{color:var(--builder-primary)}.promo-tiers-row{display:flex;align-items:center;gap:6px;margin-bottom:12px}.promo-tier{flex:1;background:#fff;border:1.5px solid #e0e8ff;border-radius:12px;padding:8px 6px;text-align:center;position:relative;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:1px}.promo-tier.active{border-color:var(--builder-primary);background:#f0f7ff}.promo-tier.unlocked{border-color:#28a745;background:linear-gradient(135deg,#f0fff4,#e6ffee)}.tier-count{font-size:20px;font-weight:900;color:var(--builder-dark);line-height:1}.promo-tier.active .tier-count{color:var(--builder-primary)}.promo-tier.unlocked .tier-count{color:#28a745}.tier-label{font-size:9px;font-weight:700;color:#999;text-transform:uppercase;letter-spacing:.5px}.tier-price{font-size:13px;font-weight:900;color:#333;margin-top:3px;background:#f0f0f0;padding:2px 8px;border-radius:50px;line-height:1.4}.promo-tier.active .tier-price{background:var(--builder-primary);color:#fff}.promo-tier.unlocked .tier-price{background:#28a745;color:#fff}.tier-check{display:none;position:absolute;top:-8px;right:-8px;width:18px;height:18px;background:#28a745;border-radius:50%;border:2px solid white}.tier-check:after{content:"\2713";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:9px;color:#fff;font-weight:900;line-height:1}.promo-tier.unlocked .tier-check{display:block}.promo-tier-arrow{font-size:14px;color:#ccc;font-weight:700;flex-shrink:0}.promo-bundle-message-container{display:flex;align-items:center;gap:10px;margin-bottom:12px}.promo-bundle-icon{display:flex;align-items:center;justify-content:center;color:var(--builder-primary);flex-shrink:0}.promo-bundle-box.unlocked .promo-bundle-icon{color:#28a745}.promo-bundle-message{font-size:13px;font-weight:700;line-height:1.4;color:#333}.promo-bundle-box.unlocked .promo-bundle-message{color:#155724}.promo-bundle-message strong{color:var(--builder-primary)}.promo-bundle-box.unlocked .promo-bundle-message strong{color:#28a745}.promo-progress-container{height:8px;background:#e9ecef;border-radius:4px;overflow:hidden;position:relative}.promo-progress-bar{height:100%;width:0%;display:block!important;background:linear-gradient(90deg,#0085ff,#00c2ff);border-radius:4px;transition:width .4s cubic-bezier(.1,.8,.1,1),background .4s ease}.promo-bundle-box.unlocked .promo-progress-bar{background:linear-gradient(90deg,#28a745,#5cd677)}.promo-bundle-box.unlocked .promo-progress-bar:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shineProgress 1.5s infinite linear}@keyframes shineProgress{0%{left:-100%}to{left:100%}}.price-row .price-info{display:block}.current-price{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.original-price-strike{font-size:20px;color:#999;text-decoration:line-through;font-weight:700;margin-right:5px}.bundle-price-active{font-size:36px;font-weight:900;color:#28a745;text-shadow:0 0 10px rgba(40,167,69,.1);animation:textPop .3s ease-out}@keyframes textPop{0%{transform:scale(.8)}70%{transform:scale(1.05)}to{transform:scale(1)}}.bundle-badge{display:inline-block;background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff;font-size:10px;font-weight:800;padding:4px 10px;border-radius:50px;margin-left:2px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #28a7454d;animation:badgePulse 1.5s infinite ease-in-out;vertical-align:middle}@keyframes badgePulse{0%{box-shadow:0 2px 8px #28a7454d}50%{box-shadow:0 2px 15px #28a74599}to{box-shadow:0 2px 8px #28a7454d}}.sticker-builder-section.max-reached .sticker-item:not(.selected){opacity:.7}.sticker-builder-section.max-reached .sticker-item:not(.selected) .add-btn{background:#ccc;color:#888;cursor:not-allowed;pointer-events:none;box-shadow:none}.sticker-builder-section.max-reached .qty-plus{background:#e9ecef;color:#adb5bd;cursor:not-allowed;pointer-events:none;box-shadow:none}@media screen and (max-width:768px){.promo-bundle-box{padding:8px 10px;margin-bottom:10px;border-radius:10px;background:#f5f7ff;border:1px solid #e0e8ff}.promo-bundle-box.unlocked{background:#f0fff4;border-color:#28a74533}.promo-tiers-header,.promo-tiers-row{display:none}.promo-bundle-message-container{margin-bottom:7px;gap:6px}.promo-bundle-icon svg{width:12px;height:12px}.promo-bundle-message{font-size:11px;font-weight:600;line-height:1.3}.promo-progress-container{height:5px;border-radius:3px}.bundle-price-active{font-size:24px}.original-price-strike{font-size:16px}.bundle-badge{font-size:8px;padding:3px 6px}}.offer-text{position:relative;display:inline-block;margin:0;padding-bottom:10px;font-size:18px;font-weight:500;color:#222;letter-spacing:.3px}.offer-text span{font-weight:700}.offer-text:after{content:"";position:absolute;left:0;bottom:0;width:50%;height:2px;background:#017bff;border-radius:2px}
/*# sourceMappingURL=/cdn/shop/t/13/assets/custom-sticker-builder.css.map */