Buscar

Willkommen bei Chiko & Smiles

/* ====== Buttons ====== */ .button, button, [type="submit"], .shopify-payment-button__button { height: var(--btn-h); line-height: calc(var(--btn-h) - 2px); border-radius: var(--radius); border: 1px solid var(--c-border); background: var(--c-accent); color: #fff; font-weight: var(--btn-fw); letter-spacing: var(--btn-ls); text-transform: uppercase; box-shadow: var(--shadow-1); transition: transform .08s ease, box-shadow .2s ease, background .2s ease; } .button:hover, button:hover, [type="submit"]:hover, .shopify-payment-button__button:hover { transform: translateY(-1px); box-shadow: var(--shadow-2); background: #ff4f45; /* slightly lighter */ } /* Secondary / Ghost */ .button--secondary, .btn-ghost { background: transparent; color: var(--c-fg); border-color: var(--c-border); } .button--secondary:hover, .btn-ghost:hover { background: var(--c-card); } /* ====== Cards & Produktkacheln ====== */ .product-card, .card, .collection-product-card { border-radius: var(--radius); background: var(--c-card); border: 1px solid var(--c-border); overflow: hidden; position: relative; } .product-card .media, .card__media, .media { border-bottom: 1px solid var(--c-border); } .product-card:hover .media img, .card:hover .media img { transform: scale(1.03); } .product-card .media img, .card .media img { transition: transform .35s ease; } /* Preis/Title */ .card-information__text, .product-card .card__heading, .product__title { font-weight: 700; letter-spacing: .01em; } .price__regular, .price-item--regular{ color: var(--c-fg); } .price__sale, .price-item--sale{ color: var(--c-accent-2); } /* Badge / Label */ .badge, .tag, .card__badge { position: absolute; left: 10px; top: 10px; background: linear-gradient(90deg, var(--c-accent), #ff6a60); color: #fff; padding: 6px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; box-shadow: var(--shadow-1); } /* Quick Hover CTA */ .card:hover .quick-add, .product-card:hover .quick-add { opacity: 1; transform: translateY(0); } .quick-add{ position: absolute; bottom: 12px; left: 12px; right: 12px; opacity: 0; transform: translateY(6px); transition: all .25s ease; } /* Grid Spacing */ .grid, .collection { gap: 18px; } /* Header & Announcement */ .announcement-bar { background: #111; color: #fff; letter-spacing: .08em; text-transform: uppercase; } .header { border-bottom: 1px solid var(--c-border); } .header a { text-transform: uppercase; letter-spacing: .06em; font-weight: 700; } /* Footer */ .footer { border-top: 1px solid var(--c-border); } /* Links */ a { transition: color .2s ease, opacity .2s ease; } a:hover { opacity: .85; } /* Inputs */ input, select, textarea { background: #0f0f12; color: var(--c-fg); border-radius: var(--radius-sm); border: 1px solid var(--c-border); } /* Section spacing */ .section { padding-top: 40px; padding-bottom: 40px; } @media (min-width: 990px){ .section { padding-top: 64px; padding-bottom: 64px; } } /* ====== Produktseite: Sticky ATC ====== */ @media (min-width: 750px){ .sticky-atc { position: sticky; bottom: 16px; z-index: 30; background: rgba(20,20,24,.86); backdrop-filter: blur(6px); border: 1px solid var(--c-border); border-radius: var(--radius); padding: 12px; margin-top: 18px; box-shadow: var(--shadow-2); } }

Artículo agregado a tu carrito

Búsqueda

Idioma