Embossed Aluminum Foil

Description

.kc { font-family: ‘Inter’, -apple-system, ‘Segoe UI’, sans-serif; color: #1A1A1A; line-height: 1.55; max-width: 1080px; margin: 0 auto; }.kc h2 { font-family: ‘Cormorant Garamond’, ‘Times New Roman’, serif; font-weight: 600; font-size: 30px; line-height: 1.2; color: #1A1A1A; margin: 0 0 8px; letter-spacing: -.01em; }.kc h3 { font-family: ‘Inter’, sans-serif; font-weight: 600; font-size: 13px; text-transform: uppercase; letter-spacing: .16em; color: #38611F; margin: 0 0 6px; }.kc p { margin: 0; color: #3A3A3A; font-size: 15px; }.kc .eyebrow { display: inline-block; padding: 4px 12px; background: rgba(71,118,40,.10); color: #38611F; font-size: 11px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; border-radius: 999px; }.kc hr { border: none; border-top: 1px solid #DFE7D8; margin: 0; }.kc-hero { background: linear-gradient(180deg, #F0F4F0 0%, #fff 100%); padding: 44px 36px 36px; border-radius: 14px; border: 1px solid #DFE7D8; position: relative; overflow: hidden; }.kc-hero::after { content: ”; position: absolute; right: -120px; top: -120px; width: 320px; height: 320px; background: radial-gradient(circle, rgba(71,118,40,.10) 0%, transparent 70%); pointer-events: none; }.kc-hero h2 { font-family: ‘Cormorant Garamond’, ‘Times New Roman’, serif; font-weight: 600; font-size: 38px; line-height: 1.15; color: #1A1A1A; margin: 12px 0 6px; letter-spacing: -.015em; }.kc-hero .lead { font-size: 15.5px; color: #3A3A3A; max-width: 720px; margin-bottom: 24px; }.kc-metrics { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 6px; }.kc-metric { background: #fff; border: 1px solid #DFE7D8; border-radius: 10px; padding: 16px 14px; box-shadow: 0 2px 8px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.06); }.kc-metric .num { font-family: ‘Cormorant Garamond’, serif; font-size: 26px; font-weight: 600; color: #38611F; line-height: 1; display: block; }.kc-metric .lbl { display: block; font-size: 10.5px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: #5F6B5A; margin-top: 7px; }.kc-benefit { background: #fff; border: 1px solid #DFE7D8; border-radius: 14px; padding: 28px 32px; margin-top: 26px; box-shadow: 0 2px 8px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.06); }.kc-benefit-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 16px; }.kc-benefit-item { display: flex; gap: 11px; align-items: flex-start; padding: 13px 15px; background: #F0F4F0; border-radius: 10px; }.kc-benefit-item .ck { flex: 0 0 20px; width: 20px; height: 20px; border-radius: 50%; background: #477628; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; margin-top: 2px; }.kc-benefit-item h4 { font-size: 13.5px; font-weight: 600; color: #1A1A1A; margin: 0 0 2px; }.kc-benefit-item p { font-size: 12px; color: #5F6B5A; line-height: 1.45; }.kc-dim { background: #F0F4F0; padding: 32px 32px 28px; border-radius: 14px; margin-top: 26px; border: 1px solid #DFE7D8; }.kc-dim-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 18px; }.kc-dim-cell { background: #fff; border: 1px solid #DFE7D8; border-radius: 8px; padding: 18px 16px; box-shadow: 0 2px 8px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.06); }.kc-dim-cell .pos { display: inline-block; font-size: 10px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: #38611F; background: rgba(71,118,40,.10); padding: 3px 8px; border-radius: 4px; margin-bottom: 10px; }.kc-dim-cell .val { font-family: ‘Cormorant Garamond’, serif; font-size: 25px; font-weight: 600; color: #1A1A1A; line-height: 1.1; display: block; }.kc-dim-cell .unit { font-size: 12px; color: #5F6B5A; margin-left: 4px; font-family: ‘Inter’, sans-serif; }.kc-dim-cell .in { font-size: 11.5px; color: #5F6B5A; margin-top: 6px; display: block; }.kc-app { padding: 30px 0 4px; }.kc-app-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 16px; }.kc-app-card { background: #fff; border: 1px solid #DFE7D8; border-left: 3px solid #477628; border-radius: 8px; padding: 15px 18px; box-shadow: 0 2px 8px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.06); }.kc-app-card h4 { font-family: ‘Inter’, sans-serif; font-size: 14px; font-weight: 600; color: #1A1A1A; margin: 0 0 3px; }.kc-app-card p { font-size: 12.5px; color: #5F6B5A; line-height: 1.5; }.kc-spec { background: #fff; border: 1px solid #DFE7D8; border-radius: 14px; padding: 30px 32px 28px; margin-top: 26px; box-shadow: 0 2px 8px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.06); }.kc-spec table { width: 100%; border-collapse: collapse; margin-top: 16px; }.kc-spec th, .kc-spec td { padding: 12px 12px; text-align: left; border-bottom: 1px solid #DFE7D8; font-size: 14px; }.kc-spec th { font-size: 11px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: #38611F; background: #F0F4F0; }.kc-spec td:first-child { font-weight: 600; color: #1A1A1A; width: 38%; }.kc-spec td:last-child { color: #3A3A3A; }.kc-comp { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 26px; padding: 26px 30px; background: #1A1A1A; border-radius: 14px; color: #fff; }.kc-comp-item { text-align: center; padding: 8px; }.kc-comp-item .badge { font-size: 20px; font-weight: 700; color: #8FBF60; letter-spacing: .04em; display: block; font-family: ‘Cormorant Garamond’, serif; }.kc-comp-item .lbl { display: block; font-size: 11px; color: rgba(255,255,255,.7); margin-top: 6px; letter-spacing: .10em; text-transform: uppercase; }.kc-order { background: linear-gradient(135deg, #F0F4F0 0%, #fff 100%); border: 1px solid #DFE7D8; border-radius: 14px; padding: 30px 32px; margin-top: 26px; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 22px; }.kc-order div h5 { font-size: 11px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: #38611F; margin: 0 0 6px; }.kc-order div p { font-size: 15px; color: #1A1A1A; margin: 0; font-weight: 500; }.kc-cta { background: linear-gradient(135deg, #2E4B1C 0%, #477628 130%); color: #fff; border-radius: 14px; padding: 40px 32px; margin-top: 26px; text-align: center; }.kc-cta h2 { color: #fff; margin-bottom: 10px; }.kc-cta p { color: rgba(255,255,255,.8); font-size: 15px; max-width: 560px; margin: 0 auto 22px; }.kc-cta a { display: inline-block; background: #fff; color: #38611F; padding: 13px 34px; border-radius: 8px; text-decoration: none; font-weight: 600; font-size: 14px; letter-spacing: .04em; text-transform: uppercase; transition: background .2s; }.kc-cta a:hover { background: #F0F4F0; }.kc-cta .sub { display: block; margin-top: 13px; color: rgba(255,255,255,.55); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }.single_add_to_cart_button.button.alt, .single_add_to_cart_button { background-color: #477628 !important; border-color: #477628 !important; color: #ffffff !important; }.single_add_to_cart_button.button.alt:hover, .single_add_to_cart_button:hover { background-color: #38611F !important; border-color: #38611F !important; color: #ffffff !important; }