Pure Copper Cup- Embossed
@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: #b87333; --copper-dark: #9255 1f; --copper-light: #d8a06b; --text-main: #2d2d2d; --text-muted: #666; --bg-light: #fdfaf8; } * { box-sizing: border-box; } body { margin: 0; padding: 0; background-color: #f5f5f5; } .copper-wrap { max-width: 1100px; 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); } /* HEADINGS FONT */ h1, h2, h3, h4, .copper-title { font-family: 'Golos Text', sans-serif; font-weight: 700; letter-spacing: -0.02em; } /* SECTION 1: TOP LAYOUT */ .copper-top { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; padding: 60px; align-items: flex-start; } .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; } /* PREMIUM ICONS - THIN LINE STYLE */ .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; /* Ultra thin for premium feel */ 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; } /* RIGHT SIDE GALLERY */ .gallery-container { position: relative; display: flex; flex-direction: column; gap: 20px; } .main-img-box { position: relative; border-radius: 20px; overflow: hidden; background: var(--bg-light); } .main-img-box img { width: 100%; display: block; aspect-ratio: 4/5; object-fit: cover; } .thumb-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .thumb-img { border-radius: 14px; overflow: hidden; background: var(--bg-light); border: 1px solid #eee; } .thumb-img img { width: 100%; display: block; aspect-ratio: 1/1; object-fit: cover; } /* LAB TESTED BADGE - DESIGNED FROM IMAGE */ .lab-badge { position: absolute; left: -25px; top: 40px; width: 140px; height: 140px; background: #fff; border-radius: 50%; box-shadow: 0 15px 40px rgba(0,0,0,0.12); display: flex; align-items: center; justify-content: center; z-index: 10; } .lab-inner { width: 122px; height: 122px; border: 1px solid #f0f0f0; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; } .lab-inner span { font-size: 9px; font-weight: 700; letter-spacing: 1.5px; color: var(--copper); } .lab-inner strong { font-size: 28px; color: var(--copper-dark); line-height: 1; margin: 4px 0; } .badge-check { width: 16px; height: 16px; margin-bottom: 4px; stroke: var(--copper); stroke-width: 3; } /* PREMIUM SEPARATOR */ .section-divider { display: flex; align-items: center; justify-content: center; padding: 20px 60px; 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; } /* SECTION 2: BENEFITS */ .benefits-section { padding: 60px; background: #fff; } .benefits-section h2 { font-size: 40px; text-align: center; margin: 0 0 15px; color: #1a1a1a; } .benefits-sub { text-align: center; max-width: 700px; 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 60px; } .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; } /* SECTION 3: CTA BOXES */ .cta-container { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; padding: 0 60px 60px; } .cta-box { background: linear-gradient(135deg, #a66128, #7d481d); border-radius: 20px; padding: 40px; color: #fff; display: flex; flex-direction: column; align-items: center; text-align: center; } .cta-box h3 { color: #fff !important; font-size: 26px; margin: 20px 0 10px; } .cta-box p { font-size: 15px; opacity: 0.9; margin-bottom: 25px; line-height: 1.6; } .cta-box svg { width: 50px; height: 50px; stroke: #fff; stroke-width: 1; fill: none; } .cta-btn { background: #fff; color: #7d481d; padding: 14px 35px; border-radius: 50px; text-decoration: none; font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; transition: all 0.3s ease; } .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0,0,0,0.15); } /* RESPONSIVE DESIGN */ @media (max-width: 991px) { .copper-top { grid-template-columns: 1fr; padding: 40px; } .gallery-container { order: -1; } .benefit-grid { grid-template-columns: 1fr; gap: 30px; } .cta-container { grid-template-columns: 1fr; } .lab-badge { width: 110px; height: 110px; left: 10px; top: 10px; } .lab-inner { width: 95px; height: 95px; } .lab-inner strong { font-size: 22px; } } @media (max-width: 600px) { .copper-wrap { margin: 15px; border-radius: 18px; } .copper-top, .benefits-section, .cta-container { padding: 30px 20px; } .copper-title { font-size: 32px; } .benefits-section h2 { font-size: 28px; } .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 (Tamra Jal) helps balance the three doshas and naturally purifies your hydration. Antibacterial Shield The Oligodynamic effect of copper naturally eliminates harmful microbes in water. Vitality & Skin Health Copper is a key component in collagen production, supporting glowing skin and energy. Digestive Balance Helps regulate the digestive system and promotes better nutrient absorption. Immune Support As an essential trace mineral, copper supports a healthy and resilient immune system. FAQs Everything you need to know about our products, care, and shipping details. View FAQs How to Clean Copper? Keep your copper shining forever with our simple, natural cleaning guide. Cleaning Guide
More you might like
Related
Kamojo Moscow Mule Copper Mugs - Embossed Set of 2 Pure Copp
Related
Embossed Copper Water Bottle, 950ml | Polished Pure Copper
Related
Copper Moscow Mule Mug, 475ml | Embossed Pure Copper
Related