/** Shopify CDN: Minification failed Line 422:0 Unexpected "}" **/ /* ============================================================ USETEENTEES — custom.css Adicionar em: Assets > custom.css Linkar no layout/theme.liquid dentro do ============================================================ */ /* ── VARIÁVEIS ── */ :root { --utt-bg: #f2f0eb; --utt-black: #0f0f0f; --utt-white: #fafaf8; --utt-acid: #d4ff00; --utt-orange: #ff4d00; --utt-muted: #8a8880; --utt-border: #d8d6d0; --utt-trans: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); } /* ── RESET GLOBAL DAWN ── */ body { background: var(--utt-bg) !important; color: var(--utt-black) !important; font-family: 'DM Sans', sans-serif !important; overflow-x: hidden; } a, button { cursor: none !important; } /* ── CURSOR CUSTOMIZADO ── */ #utt-cursor { position: fixed; width: 16px; height: 16px; background: #d4ff00; border-radius: 50%; pointer-events: none; z-index: 99999; transform: translate(-50%, -50%); transition: transform 0.12s ease, background 0.2s; mix-blend-mode: multiply; } #utt-cursor-ring { position: fixed; width: 40px; height: 40px; border: 4px solid #0f0f0f; border-radius: 50%; pointer-events: none; z-index: 99998; transform: translate(-50%, -50%); transition: transform 0.3s ease, opacity 0.3s; opacity: 0.35; } /* ── TICKER / ANNOUNCEMENT BAR ── */ .utt-ticker { background: var(--utt-acid); color: var(--utt-black); padding: 9px 0; overflow: hidden; white-space: nowrap; width: 100%; } .utt-ticker-track { display: inline-flex; animation: utt-ticker 22s linear infinite; } .utt-ticker-item { font-family: 'Space Mono', monospace; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; padding: 0 32px; } .utt-ticker-item span { opacity: 0.4; margin: 0 8px; } @keyframes utt-ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } } /* Ocultar announcement bar original do Dawn quando ticker está ativo */ .announcement-bar-section .utility-bar { display: none !important; } /* ── HEADER ── */ .section-header .header-wrapper { background: var(--utt-bg) !important; border-bottom: 1.5px solid var(--utt-black) !important; box-shadow: none !important; } .section-header .header { height: 68px !important; padding: 0 40px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; max-width: 100% !important; } /* Logo */ .header__heading-link, .header__heading-link:visited { text-decoration: none !important; color: var(--utt-black) !important; } .header__heading-link .h2, .header__heading-link span.h2 { font-family: 'Bebas Neue', sans-serif !important; font-size: 26px !important; letter-spacing: 3px !important; color: var(--utt-black) !important; line-height: 1 !important; font-style: normal !important; } .utt-logo-accent { color: var(--utt-orange) !important; } /* Nav links */ .header__menu-item, .list-menu__item--link { font-family: 'Space Mono', monospace !important; font-size: 10px !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; color: var(--utt-black) !important; font-weight: 400 !important; transition: color var(--utt-trans) !important; text-decoration: none !important; } .header__menu-item:hover, .list-menu__item--link:hover { color: var(--utt-orange) !important; } /* Ícones do header */ .header__icon svg { color: var(--utt-black) !important; } .header__icon:hover svg { color: var(--utt-orange) !important; } /* Badge do carrinho */ .cart-count-bubble { background: var(--utt-orange) !important; color: var(--utt-white) !important; font-family: 'Space Mono', monospace !important; font-size: 8px !important; font-weight: 700 !important; border-radius: 50% !important; width: 15px !important; height: 15px !important; display: flex !important; align-items: center !important; justify-content: center !important; border: none !important; } /* ── STRIP MARQUEE (seção entre hero e categorias) ── */ .utt-strip { border-bottom: 1.5px solid var(--utt-black); border-top: 1.5px solid var(--utt-black); background: var(--utt-black); padding: 14px 0; overflow: hidden; white-space: nowrap; } .utt-strip-track { display: inline-flex; animation: utt-ticker 18s linear infinite; } .utt-strip-item { font-family: 'Bebas Neue', sans-serif; font-size: 18px; letter-spacing: 3px; text-transform: uppercase; color: var(--utt-white); padding: 0 24px; } .utt-strip-item.accent { color: var(--utt-acid); } /* ── SEÇÃO HEADER COMUM ── */ .utt-sec-header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 32px; } .utt-sec-label { font-family: 'Space Mono', monospace; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: var(--utt-muted); margin-bottom: 8px; } .utt-sec-title { font-family: 'Bebas Neue', sans-serif; font-size: clamp(36px, 4vw, 56px); letter-spacing: 2px; line-height: 1; color: var(--utt-black); } .utt-sec-link { font-family: 'Space Mono', monospace; font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--utt-black); text-decoration: none; border-bottom: 1px solid var(--utt-black); padding-bottom: 2px; transition: color var(--utt-trans), border-color var(--utt-trans); white-space: nowrap; margin-bottom: 4px; } .utt-sec-link:hover { color: var(--utt-orange); border-color: var(--utt-orange); } /* ── BOTÕES ── */ .utt-btn-solid { background: var(--utt-black); color: var(--utt-white); padding: 14px 32px; font-family: 'Space Mono', monospace; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; border: 1.5px solid var(--utt-black); cursor: none; transition: var(--utt-trans); text-decoration: none; display: inline-block; } .utt-btn-solid:hover { background: var(--utt-orange); border-color: var(--utt-orange); color: var(--utt-white); } .utt-btn-outline { background: transparent; color: var(--utt-black); padding: 14px 32px; font-family: 'Space Mono', monospace; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; border: 1.5px solid var(--utt-black); cursor: none; transition: var(--utt-trans); text-decoration: none; display: inline-block; } .utt-btn-outline:hover { background: var(--utt-black); color: var(--utt-white); } .utt-btn-acid { background: var(--utt-acid); color: var(--utt-black); padding: 14px 32px; font-family: 'Space Mono', monospace; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; border: 1.5px solid var(--utt-acid); cursor: none; transition: var(--utt-trans); text-decoration: none; display: inline-block; } .utt-btn-acid:hover { background: transparent; border-color: var(--utt-black); color: var(--utt-black); } /* ── HERO SECTION ── */ .utt-hero { display: grid; grid-template-columns: 55% 45%; border-bottom: 1.5px solid var(--utt-black); overflow: hidden; min-height: calc(100vh - 105px); } .utt-hero-left { padding: 60px 56px; display: flex; flex-direction: column; justify-content: space-between; border-right: 1.5px solid var(--utt-black); position: relative; } .utt-hero-tag { display: inline-flex; align-items: center; gap: 8px; font-family: 'Space Mono', monospace; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: var(--utt-muted); animation: utt-fadeUp 0.8s ease 0.2s both; } .utt-hero-tag::before { content: ''; width: 24px; height: 1.5px; background: var(--utt-orange); } .utt-hero-headline { font-family: 'Bebas Neue', sans-serif; font-size: clamp(80px, 9vw, 140px); line-height: 0.9; letter-spacing: 2px; animation: utt-fadeUp 0.8s ease 0.35s both; } .utt-hero-headline .line-accent { color: var(--utt-orange); } .utt-hero-headline .line-stroke { -webkit-text-stroke: 1.5px var(--utt-black); color: transparent; } .utt-hero-bottom { display: flex; align-items: flex-end; justify-content: space-between; animation: utt-fadeUp 0.8s ease 0.5s both; } .utt-hero-desc { font-size: 13px; line-height: 1.7; color: var(--utt-muted); max-width: 280px; font-weight: 300; } .utt-hero-cta { display: flex; flex-direction: column; gap: 10px; align-items: flex-end; } .utt-hero-right { background: var(--utt-black); position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; animation: utt-fadeIn 1s ease 0.4s both; will-change: transform; } .utt-hero-right img { width: 100%; height: 100%; object-fit: cover; opacity: 0.85; will-change: transform; transition: none !important; } .utt-drop-badge { position: absolute; top: 32px; right: 32px; background: var(--utt-acid); color: var(--utt-black); width: 80px; height: 80px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; font-family: 'Space Mono', monospace; font-size: 9px; letter-spacing: 1px; text-transform: uppercase; text-align: center; line-height: 1.3; animation: utt-spin 20s linear infinite; z-index: 2; } .utt-hero-collab-tag { position: absolute; bottom: 32px; left: 32px; background: rgba(255,255,255,0.08); color: rgba(255,255,255,0.5); font-family: 'Space Mono', monospace; font-size: 9px; letter-spacing: 2px; text-transform: uppercase; padding: 8px 14px; border: 1px solid rgba(255,255,255,0.1); z-index: 2; } /* ── CATEGORIAS ── */ .utt-categories { padding: 72px 40px; border-bottom: 1.5px solid var(--utt-border); } .utt-cat-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 12px; height: 380px; } .utt-cat-card { background: transparent; position: relative; overflow: hidden; cursor: none; display: flex; align-items: flex-end; padding: 24px; text-decoration: none; transition: transform 0.3s ease; } .utt-cat-bg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; transition: transform 0.6s ease; } .utt-cat-card:hover .utt-cat-bg img { transform: scale(1.04); } } .utt-cat-bg-1 { background: linear-gradient(160deg, #1a1a1a 0%, #0f0f0f 100%); } .utt-cat-bg-2 { background: linear-gradient(160deg, #1e1e1e 0%, #111 100%); } .utt-cat-bg-3 { background: var(--utt-orange); } .utt-cat-overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.45); z-index: 0; transition: background 0.3s ease; } .utt-cat-card:hover .utt-cat-overlay { background: rgba(0, 0, 0, 0.25); } .utt-cat-info { position: relative; z-index: 1; } .utt-cat-name { font-family: 'Bebas Neue', sans-serif; font-size: 32px; letter-spacing: 2px; color: var(--utt-white); display: block; line-height: 1; } .utt-cat-card:nth-child(3) .utt-cat-name { color: var(--utt-black); } .utt-cat-count { font-family: 'Space Mono', monospace; font-size: 10px; letter-spacing: 1.5px; color: rgba(255,255,255,0.4); margin-top: 4px; } .utt-cat-card:nth-child(3) .utt-cat-count { color: rgba(0,0,0,0.5); } .utt-cat-arrow { position: absolute; top: 20px; right: 20px; width: 32px; height: 32px; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); display: flex; align-items: center; justify-content: center; font-size: 14px; color: var(--utt-white); z-index: 1; transition: background var(--utt-trans); } .utt-cat-card:hover .utt-cat-arrow { background: var(--utt-acid); color: var(--utt-black); border-color: var(--utt-acid); } .utt-cat-card:nth-child(3) .utt-cat-arrow { color: var(--utt-white); background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.15); } .utt-cat-card:nth-child(3):hover .utt-cat-arrow { background: var(--utt-acid); color: var(--utt-black); border-color: var(--utt-acid); } /* ── PRODUCTS GRID ── */ .utt-products { padding: 72px 40px; border-bottom: 1.5px solid var(--utt-border); } .utt-products-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; } .utt-product-card { cursor: none; position: relative; background: var(--utt-white); border: 1.5px solid var(--utt-border); transition: border-color var(--utt-trans); text-decoration: none; color: var(--utt-black); display: block; } .utt-product-card:hover { border-color: var(--utt-black); } .utt-product-card:hover .utt-prod-actions { opacity: 1; transform: translateY(0); } .utt-prod-img { aspect-ratio: 3/4; background: var(--utt-black); position: relative; overflow: hidden; } .utt-prod-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; } .utt-product-card:hover .utt-prod-img img { transform: scale(1.04); } .utt-prod-tag { position: absolute; top: 12px; left: 12px; background: var(--utt-orange); color: var(--utt-white); font-family: 'Space Mono', monospace; font-size: 9px; letter-spacing: 1px; text-transform: uppercase; padding: 4px 8px; font-weight: 700; z-index: 2; } .utt-prod-tag.new { background: var(--utt-acid); color: var(--utt-black); } .utt-prod-tag.sold { background: var(--utt-muted); } .utt-prod-actions { position: absolute; bottom: 0; left: 0; right: 0; padding: 12px; opacity: 0; transform: translateY(8px); transition: var(--utt-trans); z-index: 3; } .utt-prod-add-btn { width: 100%; background: var(--utt-black); color: var(--utt-white); border: none; padding: 12px; font-family: 'Space Mono', monospace; font-size: 9px; letter-spacing: 2px; text-transform: uppercase; cursor: none; transition: background var(--utt-trans); } .utt-prod-add-btn:hover { background: var(--utt-orange); } .utt-prod-info { padding: 16px; } .utt-prod-name { font-family: 'Bebas Neue', sans-serif; font-size: 20px; letter-spacing: 1px; margin-bottom: 4px; color: var(--utt-black); } .utt-prod-sub { font-size: 11px; color: var(--utt-muted); font-weight: 300; margin-bottom: 10px; } .utt-prod-bottom { display: flex; align-items: center; justify-content: space-between; } .utt-prod-price { font-family: 'Space Mono', monospace; font-size: 13px; font-weight: 700; color: var(--utt-black); } .utt-prod-price del { font-size: 11px; color: var(--utt-muted); margin-left: 6px; font-weight: 400; } .utt-prod-sizes { display: flex; gap: 4px; } .utt-size-dot { width: 20px; height: 20px; border: 1px solid var(--utt-border); font-size: 8px; font-family: 'Space Mono', monospace; display: flex; align-items: center; justify-content: center; color: var(--utt-muted); transition: var(--utt-trans); cursor: none; } .utt-size-dot:hover { border-color: var(--utt-black); color: var(--utt-black); } .utt-size-dot.out { opacity: 0.3; text-decoration: line-through; } /* ── DROP BANNER ── */ .utt-drop-banner { margin: 0 40px; background: var(--utt-black); padding: 60px 72px; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 40px; position: relative; overflow: hidden; border: 1.5px solid var(--utt-black); } .utt-drop-bg-text { position: absolute; right: -20px; top: 50%; transform: translateY(-50%); font-family: 'Bebas Neue', sans-serif; font-size: 180px; color: rgba(255,255,255,0.03); letter-spacing: 10px; white-space: nowrap; pointer-events: none; line-height: 1; } .utt-drop-tag { font-family: 'Space Mono', monospace; font-size: 10px; letter-spacing: 2px; color: var(--utt-acid); text-transform: uppercase; margin-bottom: 16px; display: flex; align-items: center; gap: 10px; } .utt-drop-tag::before { content: ''; display: inline-block; width: 6px; height: 6px; background: var(--utt-acid); border-radius: 50%; animation: utt-pulse 1.5s ease infinite; } .utt-drop-title { font-family: 'Bebas Neue', sans-serif; font-size: clamp(44px, 5vw, 72px); letter-spacing: 2px; color: var(--utt-white); line-height: 1; margin-bottom: 16px; } .utt-drop-title span { color: var(--utt-acid); } .utt-drop-desc { font-size: 13px; color: rgba(255,255,255,0.5); font-weight: 300; max-width: 360px; line-height: 1.7; } .utt-drop-timer { display: flex; gap: 4px; z-index: 1; position: relative; } .utt-timer-block { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1); padding: 20px 16px; text-align: center; min-width: 72px; } .utt-timer-num { font-family: 'Bebas Neue', sans-serif; font-size: 42px; color: var(--utt-acid); letter-spacing: 2px; line-height: 1; display: block; } .utt-timer-label { font-family: 'Space Mono', monospace; font-size: 8px; letter-spacing: 2px; color: rgba(255,255,255,0.3); text-transform: uppercase; margin-top: 6px; display: block; } /* ── BESTSELLERS ── */ .utt-bestsellers { padding: 72px 40px; border-bottom: 1.5px solid var(--utt-border); } .utt-scroll-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; } .utt-scroll-card { border: 1.5px solid var(--utt-border); background: var(--utt-white); display: grid; grid-template-columns: 120px 1fr; cursor: none; transition: border-color var(--utt-trans); text-decoration: none; color: var(--utt-black); } .utt-scroll-card:hover { border-color: var(--utt-black); } .utt-scroll-img { background: var(--utt-black); overflow: hidden; } .utt-scroll-img img { width: 100%; height: 100%; object-fit: cover; } .utt-scroll-body { padding: 20px 18px; display: flex; flex-direction: column; justify-content: space-between; } .utt-scroll-num { font-family: 'Bebas Neue', sans-serif; font-size: 42px; color: var(--utt-border); letter-spacing: 2px; line-height: 1; } .utt-scroll-name { font-family: 'Bebas Neue', sans-serif; font-size: 22px; letter-spacing: 1px; } .utt-scroll-price { font-family: 'Space Mono', monospace; font-size: 12px; color: var(--utt-muted); } .utt-scroll-add { width: 32px; height: 32px; background: none; border: 1.5px solid var(--utt-border); cursor: none; font-size: 16px; display: flex; align-items: center; justify-content: center; transition: var(--utt-trans); color: var(--utt-black); } .utt-scroll-add:hover { background: var(--utt-black); color: var(--utt-white); border-color: var(--utt-black); } /* ── REVIEWS ── */ .utt-reviews { padding: 72px 40px; border-bottom: 1.5px solid var(--utt-border); } .utt-reviews-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; } .utt-review-card { border: 1.5px solid var(--utt-border); padding: 28px; background: var(--utt-white); position: relative; transition: border-color var(--utt-trans); } .utt-review-card:hover { border-color: var(--utt-black); } .utt-review-stars { color: var(--utt-orange); font-size: 13px; letter-spacing: 2px; margin-bottom: 12px; } .utt-review-text { font-size: 13px; line-height: 1.7; color: var(--utt-black); font-weight: 300; margin-bottom: 16px; } .utt-review-footer { display: flex; align-items: center; justify-content: space-between; } .utt-review-author { font-family: 'Space Mono', monospace; font-size: 10px; letter-spacing: 1px; color: var(--utt-muted); } .utt-review-verified { background: var(--utt-acid); color: var(--utt-black); font-family: 'Space Mono', monospace; font-size: 8px; letter-spacing: 1px; text-transform: uppercase; padding: 3px 8px; font-weight: 700; } .utt-review-quote { position: absolute; top: 20px; right: 24px; font-family: 'Bebas Neue', sans-serif; font-size: 64px; color: var(--utt-border); line-height: 1; } /* ── NEWSLETTER ── */ .utt-newsletter { padding: 80px 40px; border-bottom: 1.5px solid var(--utt-border); background: var(--utt-acid); display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; } .utt-nl-title { font-family: 'Bebas Neue', sans-serif; font-size: clamp(48px, 5vw, 80px); letter-spacing: 2px; line-height: 0.95; color: var(--utt-black); } .utt-nl-sub { font-size: 13px; color: rgba(0,0,0,0.55); font-weight: 300; line-height: 1.7; margin-top: 16px; } .utt-nl-form { display: flex; flex-direction: column; gap: 12px; } .utt-nl-input { background: transparent; border: 1.5px solid var(--utt-black); padding: 16px 20px; font-family: 'DM Sans', sans-serif; font-size: 13px; color: var(--utt-black); outline: none; transition: background var(--utt-trans); } .utt-nl-input::placeholder { color: rgba(0,0,0,0.4); } .utt-nl-input:focus { background: rgba(255,255,255,0.3); } .utt-nl-perks { display: flex; gap: 16px; flex-wrap: wrap; margin-top: 8px; } .utt-nl-perk { font-family: 'Space Mono', monospace; font-size: 9px; letter-spacing: 1px; color: rgba(0,0,0,0.5); display: flex; align-items: center; gap: 5px; } .utt-nl-perk::before { content: '✓'; color: var(--utt-black); font-weight: 700; } /* ── FOOTER ── */ footer.footer { background: var(--utt-black) !important; padding: 64px 40px 32px !important; } .utt-footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px; margin-bottom: 48px; padding-bottom: 48px; border-bottom: 1px solid rgba(255,255,255,0.08); } .utt-footer-logo { font-family: 'Bebas Neue', sans-serif; font-size: 32px; letter-spacing: 4px; color: var(--utt-white); margin-bottom: 16px; } .utt-footer-logo span { color: var(--utt-acid); } .utt-footer-tagline { font-size: 12px; color: rgba(255,255,255,0.35); line-height: 1.7; font-weight: 300; max-width: 240px; margin-bottom: 24px; } .utt-footer-social { display: flex; gap: 8px; } .utt-social-btn { width: 34px; height: 34px; border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.4); font-family: 'Space Mono', monospace; font-size: 9px; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: var(--utt-trans); } .utt-social-btn:hover { background: var(--utt-acid); color: var(--utt-black); border-color: var(--utt-acid); } .utt-footer-col-title { font-family: 'Space Mono', monospace; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: var(--utt-white); margin-bottom: 20px; font-weight: 700; } .utt-footer-links { display: flex; flex-direction: column; gap: 10px; } .utt-footer-links a { font-size: 12px; color: rgba(255,255,255,0.35); text-decoration: none; font-weight: 300; transition: color var(--utt-trans); } .utt-footer-links a:hover { color: var(--utt-acid); } .utt-footer-bottom { display: flex; align-items: center; justify-content: space-between; } .utt-footer-copy { font-family: 'Space Mono', monospace; font-size: 9px; letter-spacing: 1px; color: rgba(255,255,255,0.2); } .utt-footer-pay { display: flex; gap: 6px; } .utt-pay-chip { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.08); padding: 4px 10px; font-family: 'Space Mono', monospace; font-size: 8px; color: rgba(255,255,255,0.3); letter-spacing: 1px; } /* ── CART DRAWER ── */ cart-drawer, #CartDrawer { background: #f2f0eb !important; color: #0f0f0f !important; } #CartDrawer .drawer__header, cart-drawer .drawer__header { background: #f2f0eb !important; border-bottom: 1.5px solid #0f0f0f !important; padding: 20px 24px !important; } #CartDrawer .drawer__heading, cart-drawer .drawer__heading { font-family: 'Bebas Neue', sans-serif !important; font-size: 22px !important; letter-spacing: 3px !important; color: #0f0f0f !important; text-transform: uppercase !important; } #CartDrawer .drawer__close, cart-drawer .drawer__close { color: #0f0f0f !important; background: none !important; border: 1.5px solid #d8d6d0 !important; border-radius: 0 !important; } #CartDrawer .drawer__close:hover, cart-drawer .drawer__close:hover { background: #0f0f0f !important; color: #fafaf8 !important; border-color: #0f0f0f !important; } #CartDrawer .drawer__close svg, cart-drawer .drawer__close svg { color: inherit !important; } /* Itens */ #CartDrawer .cart-item, cart-drawer .cart-item { border-color: #d8d6d0 !important; background: #f2f0eb !important; padding: 16px 0 !important; } #CartDrawer .cart-item__image-container, cart-drawer .cart-item__image-container { background: #0f0f0f !important; border-radius: 0 !important; } #CartDrawer .cart-item__name, cart-drawer .cart-item__name, #CartDrawer .cart-item a, cart-drawer .cart-item a { color: #0f0f0f !important; font-family: 'Bebas Neue', sans-serif !important; font-size: 17px !important; letter-spacing: 1px !important; text-decoration: none !important; } #CartDrawer .price, cart-drawer .price, #CartDrawer .cart-item__price, cart-drawer .cart-item__price { color: #0f0f0f !important; font-family: 'Space Mono', monospace !important; font-size: 12px !important; font-weight: 700 !important; } #CartDrawer .cart-item__variant, cart-drawer .cart-item__variant { color: #8a8880 !important; font-family: 'Space Mono', monospace !important; font-size: 10px !important; letter-spacing: 1px !important; } /* Quantidade */ #CartDrawer .quantity, cart-drawer .quantity { border-color: #d8d6d0 !important; border-radius: 0 !important; background: transparent !important; } #CartDrawer .quantity__button, cart-drawer .quantity__button { background: transparent !important; border-color: #d8d6d0 !important; color: #0f0f0f !important; border-radius: 0 !important; } #CartDrawer .quantity__button:hover, cart-drawer .quantity__button:hover { background: #0f0f0f !important; color: #fafaf8 !important; } #CartDrawer .quantity__input, cart-drawer .quantity__input { background: transparent !important; color: #0f0f0f !important; font-family: 'Space Mono', monospace !important; border-color: #d8d6d0 !important; } /* Remover */ #CartDrawer .cart-item__remove, cart-drawer .cart-item__remove { color: #8a8880 !important; } #CartDrawer .cart-item__remove:hover, cart-drawer .cart-item__remove:hover { color: #ff4d00 !important; } /* Footer */ #CartDrawer .drawer__footer, cart-drawer .drawer__footer { background: #f2f0eb !important; border-top: 1.5px solid #0f0f0f !important; padding: 20px 24px !important; } /* Totais */ #CartDrawer .totals, cart-drawer .totals { background: #f2f0eb !important; border-color: #d8d6d0 !important; margin-bottom: 16px !important; } #CartDrawer .totals__total, cart-drawer .totals__total { color: #8a8880 !important; font-family: 'Space Mono', monospace !important; font-size: 10px !important; letter-spacing: 2px !important; text-transform: uppercase !important; } #CartDrawer .totals__total-value, cart-drawer .totals__total-value { color: #0f0f0f !important; font-family: 'Space Mono', monospace !important; font-size: 16px !important; font-weight: 700 !important; } /* Botão finalizar */ #CartDrawer .cart__checkout-button, cart-drawer .cart__checkout-button, #CartDrawer button[name="checkout"], cart-drawer button[name="checkout"] { background: #0f0f0f !important; color: #fafaf8 !important; border-radius: 0 !important; font-family: 'Space Mono', monospace !important; font-size: 10px !important; letter-spacing: 2px !important; font-weight: 700 !important; border: none !important; padding: 18px !important; text-transform: uppercase !important; width: 100% !important; transition: background 0.3s ease !important; } #CartDrawer .cart__checkout-button:hover, cart-drawer button[name="checkout"]:hover { background: #ff4d00 !important; } /* Continuar comprando */ #CartDrawer .cart__continue-shopping, cart-drawer .cart__continue-shopping { font-family: 'Space Mono', monospace !important; font-size: 9px !important; letter-spacing: 1.5px !important; color: #8a8880 !important; text-transform: uppercase !important; text-align: center !important; display: block !important; margin-top: 12px !important; text-decoration: none !important; } #CartDrawer .cart__continue-shopping:hover, cart-drawer .cart__continue-shopping:hover { color: #0f0f0f !important; } /* Frete grátis */ #CartDrawer .cart__free-shipping, cart-drawer .cart__free-shipping { font-family: 'Space Mono', monospace !important; font-size: 10px !important; color: #8a8880 !important; text-align: center !important; } #CartDrawer .cart__free-shipping span, cart-drawer .cart__free-shipping span { color: #ff4d00 !important; font-weight: 700 !important; } /* Carrinho vazio */ #CartDrawer .cart__empty-text, cart-drawer .cart__empty-text { color: #8a8880 !important; font-family: 'Bebas Neue', sans-serif !important; font-size: 20px !important; letter-spacing: 2px !important; } /* ── CLOSE BUTTON FINAL FIX ── */ button.drawer__close { background: transparent !important; border: none !important; box-shadow: none !important; opacity: 0.5 !important; width: 20px !important; height: 20px !important; padding: 0 !important; min-width: unset !important; border-radius: 0 !important; color: #0f0f0f !important; } button.drawer__close:hover { background: #0f0f0f !important; color: #fafaf8 !important; opacity: 1 !important; width: 28px !important; height: 28px !important; } button.drawer__close .svg-wrapper svg { width: 14px !important; height: 14px !important; fill: currentColor !important; } /* ── CLOSE BUTTON FORCE ── */ .drawer__inner .drawer__header button.drawer__close { background: transparent !important; border: none !important; box-shadow: none !important; width: 20px !important; height: 20px !important; padding: 0 !important; min-width: unset !important; border-radius: 0 !important; opacity: 0.45 !important; color: #0f0f0f !important; position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; } .drawer__inner .drawer__header button.drawer__close:hover { background: #0f0f0f !important; color: #fafaf8 !important; opacity: 1 !important; padding: 5px !important; width: 26px !important; height: 26px !important; } .drawer__inner .drawer__header button.drawer__close svg { width: 14px !important; height: 14px !important; color: inherit !important; fill: none !important; stroke: currentColor !important; } /* ── CLOSE BUTTON SQUARE ── */ .drawer__inner .drawer__header button.drawer__close { width: 32px !important; height: 32px !important; border: 1.5px solid #d8d6d0 !important; display: flex !important; align-items: center !important; justify-content: center !important; opacity: 1 !important; } .drawer__inner .drawer__header button.drawer__close:hover { width: 32px !important; height: 32px !important; padding: 0 !important; border-color: #0f0f0f !important; } /* ── CURSOR NONE GLOBAL ── */ *, *::before, *::after, a, button, input, select, textarea, nav, nav a, nav button, .header__menu-item, .header__inline-menu a, header-menu a, .list-menu__item, .list-menu a { cursor: none !important; } /* ── CURSOR TEMP FIX ── */ * { cursor: none !important; } #utt-cursor { position: fixed !important; width: 14px !important; height: 14px !important; background: #d4ff00 !important; border-radius: 50% !important; pointer-events: none !important; z-index: 99999 !important; transform: translate(-50%, -50%) !important; display: block !important; mix-blend-mode: difference !important; } #utt-cursor-ring { position: fixed !important; width: 38px !important; height: 38px !important; border: 2.5px solid #ffffff !important; border-radius: 50% !important; pointer-events: none !important; z-index: 99998 !important; transform: translate(-50%, -50%) !important; display: block !important; mix-blend-mode: difference !important; } /* ── MOBILE RESPONSIVE ── */ @media (max-width: 989px) { body { overflow-x: hidden !important; } .utt-hero { grid-template-columns: 1fr !important; min-height: auto !important; overflow: hidden !important; } .utt-hero-section { overflow: hidden !important; } .utt-hero-left { padding: 48px 24px 32px !important; width: 100% !important; } .utt-hero-right { display: none !important; } .utt-hero-headline { font-size: clamp(64px, 18vw, 100px) !important; } .utt-strip { overflow: hidden !important; } .utt-cat-grid { grid-template-columns: 1fr !important; } .utt-products-grid { grid-template-columns: 1fr 1fr !important; } .utt-reviews-grid { grid-template-columns: 1fr !important; } .utt-newsletter { grid-template-columns: 1fr !important; } .utt-footer-grid { grid-template-columns: 1fr 1fr !important; } .utt-drop-banner { grid-template-columns: 1fr !important; } } /* ── OVERFLOW FIX MOBILE ── */ @media (max-width: 989px) { html, body { overflow-x: hidden !important; max-width: 100vw !important; } * { max-width: 100% !important; box-sizing: border-box !important; } .utt-ticker-track { width: max-content !important; } .utt-strip-track { width: max-content !important; } } /* ── HERO PARALLAX ── */ .utt-hero-right { overflow: hidden !important; } .utt-hero-right img, .utt-hero-right .utt-hero-image { transform: scale(1.15) !important; transition: transform 0.1s ease-out !important; will-change: transform !important; } @keyframes utt-kenburns { 0% { transform: scale(1.0) translateY(0px); } 50% { transform: scale(1.15) translateY(-30px); } 100% { transform: scale(1.0) translateY(0px); } } .utt-hero-right img { animation: utt-kenburns 10s ease-in-out infinite !important; will-change: transform !important; } @media (max-width: 749px) { .utt-products-grid { padding: 0 !important; margin: 0 !important; gap: 4px !important; } .utt-product-card { width: 100% !important; margin: 0 !important; border-radius: 0 !important; } .utt-prod-img { width: 100% !important; border-radius: 0 !important; } .utt-prod-img img { width: 100% !important; border-radius: 0 !important; } } @media (max-width: 749px) { .utt-product-card { padding: 0 !important; margin: 0 !important; border-radius: 0 !important; } .utt-prod-img { border-radius: 0 !important; margin: 0 !important; } .utt-products-grid { padding: 0 !important; margin: 0 !important; } .shopify-section:has(.utt-products-grid) { padding: 0 !important; margin: 0 !important; } } @media (max-width: 749px) { .utt-products { padding: 48px 0 !important; } .utt-products .utt-sec-header { padding: 0 16px !important; } } @media (max-width: 749px) { .utt-products-grid { grid-template-columns: 1fr !important; padding: 0 !important; margin: 0 !important; gap: 0 !important; } .utt-products { padding: 48px 0 !important; } .utt-sec-header { padding: 0 16px 32px !important; } } @media (max-width: 749px) { .utt-categories, .utt-products, .utt-reviews, .utt-bestsellers, .utt-newsletter { padding-left: 0 !important; padding-right: 0 !important; } .utt-drop-banner { margin: 0 !important; padding: 40px 24px !important; } .utt-cat-grid { gap: 4px !important; } .utt-reviews-grid { gap: 4px !important; } .utt-sec-header { padding: 0 16px 32px !important; } .utt-review-card { border-left: none !important; border-right: none !important; } } @media (max-width: 749px) { .utt-footer-bottom { flex-direction: column !important; gap: 16px !important; align-items: flex-start !important; } .utt-footer-pay { flex-wrap: wrap !important; gap: 4px !important; } .utt-footer-copy { line-height: 1.8 !important; } footer.footer { padding: 48px 20px 32px !important; } .utt-footer-grid { grid-template-columns: 1fr !important; gap: 32px !important; } } .utt-security-badges { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 16px; } .utt-badge { display: flex; align-items: center; gap: 5px; font-family: 'Space Mono', monospace; font-size: 8px; letter-spacing: 1px; color: rgba(255,255,255,0.25); border: 1px solid rgba(255,255,255,0.08); padding: 5px 10px; } .utt-badge svg { opacity: 0.5; flex-shrink: 0; } /* ── FOOTER BADGES & PAYMENT VISIBILITY ── */ .utt-pay-chip { background: rgba(212, 255, 0, 0.08) !important; border: 1px solid rgba(212, 255, 0, 0.25) !important; color: #d4ff00 !important; } .utt-security-badges { margin-top: 20px !important; } .utt-badge { color: #d4ff00 !important; border: 1px solid rgba(212, 255, 0, 0.3) !important; background: rgba(212, 255, 0, 0.05) !important; } .utt-badge svg { opacity: 1 !important; stroke: #d4ff00 !important; } .utt-footer-copy { color: rgba(212, 255, 0, 0.4) !important; } @media (max-width: 749px) { .utt-footer-pay { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; width: 100% !important; } .utt-pay-chip { text-align: center !important; padding: 8px !important; } .utt-security-badges { display: grid !important; grid-template-columns: 1fr 1fr 1fr !important; gap: 8px !important; width: 100% !important; } .utt-badge { justify-content: center !important; text-align: center !important; padding: 8px 4px !important; } } .utt-social-btn { color: #ffffff !important; border-color: rgba(255, 255, 255, 0.3) !important; } .utt-social-btn:hover { border-color: rgba(255, 255, 255, 0.8) !important; background-color: rgba(255, 255, 255, 0.1) !important; }