Copper Infinity Braid Bracelet
@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap'); :root { --copper: #C4874A; --copper-dark: #A65E2 7; --text-main: #2d2d2d; --text-muted: #666; --bg-light: #fdfaf8; } * { box-sizing: border-box; } .copper-wrap { width: min(98%, 1500px); margin: 40px auto; background: #fff; border-radius: 24px; overflow: hidden; font-family: 'Inter', Arial, sans-serif; box-shadow: 0 25px 60px rgba(0,0,0,.07); color: var(--text-main); } .copper-wrap h1, .copper-wrap h2, .copper-wrap h3, .copper-wrap h4, .copper-title { font-family: 'Golos Text', Arial, sans-serif; font-weight: 700; letter-spacing: -0.02em; } .copper-top { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; padding: 55px 45px; align-items: center; } .copper-small { color: var(--copper); font-size: 13px; font-weight: 600; letter-spacing: 2.5px; text-transform: uppercase; margin-bottom: 15px; } .copper-title { font-size: 48px; line-height: 1.1; margin: 0 0 25px 0; color: #1a1a1a; } .copper-desc { font-size: 17px; line-height: 1.7; color: var(--text-muted); margin-bottom: 45px; } .feature-list { display: flex; flex-direction: column; gap: 30px; } .feature { display: flex; align-items: flex-start; gap: 20px; } .feature svg { width: 32px; height: 32px; flex: none; stroke: var(--copper); stroke-width: 1.25; fill: none; } .feature h4 { margin: 0 0 5px 0; font-size: 18px; color: #222; } .feature p { margin: 0; font-size: 15px; color: var(--text-muted); line-height: 1.5; } .gallery-container { position: relative; display: block; } .main-img-box { position: relative; border-radius: 22px; overflow: hidden; background: var(--bg-light); box-shadow: 0 15px 40px rgba(0,0,0,.08); line-height: 0; } .main-img-box img { width: 100%; height: auto; display: block; margin: 0 !important; padding: 0 !important; border: 0; vertical-align: middle; aspect-ratio: 1/1; object-fit: cover; object-position: center center; transition: .4s ease; } .main-img-box:hover img { transform: scale(1.03); } /* Badge matched to original bottle reference */ .lab-badge { position: absolute; left: -18px; top: 28px; width: 170px; height: 170px; background: #C4874A; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 18px 40px rgba(0,0,0,.14); z-index: 20; } .lab-inner { width: 150px; height: 150px; border: 3px dotted rgba(255,255,255,.96); border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 24px 16px; box-sizing: border-box; } .lab-inner .top, .lab-inner .bottom { color: #ffffff; font-size: 11px; font-weight: 700; line-height: 1; text-transform: uppercase; white-space: nowrap; } .lab-inner .top { letter-spacing: 2.6px; margin: 0 0 12px 0; } .lab-inner .percent { color: #ffffff; font-size: 29px; font-weight: 700; line-height: 1; white-space: nowrap; margin: 0; } .lab-inner .bottom { letter-spacing: 1.8px; margin: 12px 0 0 0; } .section-divider { display: flex; align-items: center; justify-content: center; padding: 20px 45px; gap: 20px; } .section-divider .line { height: 1px; background: #e0e0e0; flex: 1; } .section-divider .diamond { width: 10px; height: 10px; border: 1px solid var(--copper); transform: rotate(45deg); flex: none; } .benefits-section { padding: 60px 45px; background: #fff; } .benefits-section h2 { font-size: 40px; text-align: center; margin: 0 0 15px; color: #1a1a1a; } .benefits-sub { text-align: center; max-width: 780px; margin: 0 auto 50px; color: var(--text-muted); font-size: 17px; line-height: 1.7; } .benefit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px 55px; } .benefit-card { display: flex; align-items: flex-start; gap: 20px; } .benefit-card svg { width: 40px; height: 40px; stroke: var(--copper); stroke-width: 1.2; fill: none; flex: none; } .benefit-card h4 { margin: 0 0 8px; font-size: 19px; } .benefit-card p { margin: 0; color: var(--text-muted); font-size: 15px; line-height: 1.6; } .cta-container { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; padding: 0 45px 60px; } .cta-box { background: #C4874A; border-radius: 20px; padding: 40px; color: #fff; display: flex; flex-direction: column; align-items: center; text-align: center; transition: all .3s ease; box-shadow: 0 12px 30px rgba(196,135,74,.18); } .cta-box:hover { background: #B87438; transform: translateY(-4px); box-shadow: 0 18px 40px rgba(184,116,56,.28); } .cta-box h3 { color: #fff !important; font-size: 26px; margin: 20px 0 10px; } .cta-box p { color: rgba(255,255,255,.92); font-size: 15px; margin-bottom: 25px; line-height: 1.6; } .cta-box svg { width: 50px; height: 50px; stroke: #fff; stroke-width: 1; fill: none; } .cta-container .cta-btn, .cta-container .cta-btn:link, .cta-container .cta-btn:visited { display: inline-block; background: #fff !important; color: #C4874A !important; padding: 14px 35px; border-radius: 50px; text-decoration: none !important; font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; border: 2px solid #fff !important; transition: all .3s ease; } .cta-container .cta-btn:hover, .cta-container .cta-btn:focus { background: #f5f5f5 !important; color: #C4874A !important; border-color: #fff !important; text-decoration: none !important; transform: translateY(-3px); box-shadow: 0 12px 24px rgba(0,0,0,.18); } @media (max-width: 991px) { .copper-wrap { width: min(94%, 900px); } .copper-top { grid-template-columns: 1fr; padding: 40px; } .gallery-container { order: -1; } .benefit-grid, .cta-container { grid-template-columns: 1fr; } .benefits-section, .cta-container { padding-left: 40px; padding-right: 40px; } .lab-badge { width: 126px; height: 126px; left: 10px; top: 10px; } .lab-inner { width: 112px; height: 112px; padding: 16px 10px; border-width: 2px; } .lab-inner .top { font-size: 8px; letter-spacing: 1.8px; margin-bottom: 8px; } .lab-inner .percent { font-size: 22px; } .lab-inner .bottom { font-size: 8px; letter-spacing: 1.2px; margin-top: 8px; } } @media (max-width: 600px) { .copper-wrap { width: calc(100% - 20px); margin: 10px auto; border-radius: 18px; } .copper-top, .benefits-section, .cta-container { padding: 30px 20px; } .copper-title { font-size: 32px; } .copper-desc { font-size: 15.5px; margin-bottom: 30px; } .benefits-section h2 { font-size: 28px; } .benefits-sub { font-size: 15.5px; } .cta-box { padding: 30px 20px; } /* Mobile-only hero image + badge fix. Desktop remains unchanged. */ .gallery-container { overflow: visible !important; } .main-img-box { background:#fff !important; } .main-img-box img { object-fit: contain !important; object-position: center center !important; padding: 16px !important; } .lab-badge { width: 108px !important; height: 108px !important; left: 12px !important; top: 12px !important; z-index: 20 !important; box-shadow: 0 10px 25px rgba(0,0,0,.12) !important; } .lab-inner { width: 94px !important; height: 94px !important; padding: 8px !important; border: 3px dotted rgba(255,255,255,.96) !important; } .lab-inner .top { font-size: 8px !important; letter-spacing: 1.8px !important; margin: 0 0 6px 0 !important; white-space: nowrap !important; } .lab-inner .percent { font-size: 22px !important; line-height: 1 !important; margin: 0 !important; white-space: nowrap !important; } .lab-inner .bottom { font-size: 8px !important; letter-spacing: 1.2px !important; margin: 6px 0 0 0 !important; white-space: nowrap !important; } } Australia's Trusted Choice Crafted for Strength.Designed to Inspire. Our handcrafted copper bracelets combine timeless beauty with modern elegance. Each bracelet is made from 99.25% laboratory-tested pure copper and designed for comfortable everyday wear. 99.25% Pure Copper Independently lab tested in Australia for genuine copper purity. Traditional Handcraft Artisan-made using traditional techniques, giving every bracelet its own character. Adjustable Comfortable Fit Open cuff design allows gentle adjustment for most wrist sizes. Fast AU & NZ Shipping Dispatched from the Sunshine Coast, Queensland. LAB TESTED 99.25% PURE COPPER The Timeless Tradition of Copper Copper has been valued for thousands of years for its natural beauty, durability and traditional wellness significance. Our bracelets honour this heritage with elegant modern design. Traditional Wellness Heritage Copper bracelets have long been worn in traditional practices as part of daily wellness routines. Comfortable Daily Wear Lightweight open cuff design makes it easy to wear throughout the day. Natural Copper Patina Genuine copper naturally changes colour over time, creating a unique character that belongs to you. Premium Gift Choice A thoughtful gift for anyone who appreciates natural materials, tradition and craftsmanship. Bracelet FAQs Find answers about sizing, fit, purity, shipping and care. View FAQs How to Clean Copper? Keep your copper bracelet looking beautiful with simple natural cleaning tips. Cleaning Guide
More you might like
Related
Copper Infinity Braid Bracelet
Related
Leather Bracelet, Infinity Bracelet, Infinity, Mens Bracelet
Related
His and Hers Set of Infinity Bracelets, Leather Bracelet, I
Related