: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}.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}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/custom-sticker-builder.css.map */