Plain Copper Bottle with 2 Matching Cups
@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', 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', 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; transition: .4s ease; } .main-img-box:hover img { transform: scale(1.03); } /* Premium copper certification badge */ .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: #ffffff; 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: #ffffff !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 #ffffff !important; transition: all .3s ease; } .cta-container .cta-btn:hover, .cta-container .cta-btn:focus { background: #f5f5f5 !important; color: #C4874A !important; border-color: #ffffff !important; text-decoration: none !important; transform: translateY(-3px); box-shadow: 0 12px 24px rgba(0,0,0,.18); } .cta-container .cta-btn:active { background: #ededed !important; color: #C4874A !important; } @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; } } Australia's Trusted Choice Crafted for Purity. Designed for Life. Our handcrafted copper collection combines ancient Ayurvedic wisdom with modern elegance. Each piece is laboratory tested for 99.25% purity. 99.25% Pure Copper Independently lab tested in Australia for absolute safety. Traditional Handcraft Artisan-hammered in India using time-honored techniques. 100% Leak-Proof Precision threads and silicone seals for worry-free travel. Express AU Shipping Dispatched daily from the Sunshine Coast, QLD. LAB TESTED 99.25% PURE COPPER The Wisdom of Copper Ancient Ayurveda teaches that water stored in copper, known as Tamra Jal, helps balance the three doshas and naturally purifies your hydration. Antibacterial Shield The oligodynamic effect of copper naturally helps reduce harmful microbes in water. Vitality & Skin Health Copper is traditionally valued for supporting wellbeing, vitality, and healthy skin. Digestive Balance Traditionally used in Ayurveda to support digestive balance and daily wellness. Immune Support As an essential trace mineral, copper plays a role in general health and wellbeing. FAQs Everything you need to know about our products, care, and shipping details. View FAQs How to Clean Copper? Keep your copper shining with our simple natural cleaning guide. Cleaning Guide
