/* ============================= */
/* GLOBAL PRODUCT PAGE SYSTEM    */
/* Repo: product-page.css        */
/* ============================= */
#product-root .product-page{font-family:'Helvetica Neue',sans-serif;color:#2e2e2e;width:100%;max-width:100%;margin:0 auto;box-sizing:border-box;}
#product-root .product-page *{box-sizing:border-box;}

/* ============================= */
/* GLOBAL SECTION TITLES         */
/* ============================= */
#product-root .product-page section>h2{font-size:28px;font-weight:700;color:#bd243f;text-transform:uppercase;text-align:center;margin:0 0 12px;}
#product-root .product-page section>h2:after{content:"";display:block;width:60px;height:4px;background:#bd243f;margin:12px auto 40px;border-radius:2px;}

/* ============================= */
/* HERO SECTION                  */
/* ============================= */
#product-root .product-page .product-hero{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:30px!important;background:#eef3f5;border-radius:24px;margin:40px auto 0;max-width:1100px;overflow:hidden;}
#product-root .product-page .product-hero-image{flex:1 1 440px;text-align:center;margin-bottom:12px;}
#product-root .product-page .product-hero-image img{max-width:100%;border-radius:20px;display:block;margin:0 auto;}
#product-root .product-page .product-hero-text{flex:1 1 440px;padding-left:40px;}
#product-root .product-page .product-hero h2{font-size:28px;font-weight:700;margin:20px 0 14px;}
#product-root .product-page .product-hero p{font-size:16px;margin-bottom:20px;line-height:1.5;}
#product-root .product-page .product-cta{display:flex;justify-content:flex-start;margin-top:8px;}
#product-root .product-page .product-cta a{background:#bd243f;color:#fff;text-decoration:none;padding:14px 50px;border-radius:10px;font-weight:600;font-size:15px;transition:.3s ease;display:inline-flex;align-items:center;}
#product-root .product-page .product-cta a:hover{background:#a21a32;}
@media(max-width:768px){#product-root .product-page .product-hero{margin:8px auto;padding:20px!important;text-align:center;border-radius:20px;}#product-root .product-page .product-hero-text{padding-left:0;}#product-root .product-page .product-cta{justify-content:center;}}

/* ============================= */
/* INTRO / WHAT IS SECTION       */
/* ============================= */
#product-root .product-page .product-intro{max-width:800px;margin:20px auto;padding:40px 30px;background:#fff;border-radius:16px;box-shadow:0 8px 20px rgba(0,0,0,.06);text-align:center;}
#product-root .product-page .product-intro p{font-size:16px;line-height:1.7;color:#555;}
@media(max-width:600px){#product-root .product-page .product-intro{padding:24px 16px;}}

/* ============================= */
/* BENEFITS GRID SECTION         */
/* ============================= */
#product-root .product-page .product-benefits{padding:48px 20px 70px;width:100vw;margin-left:calc(-50vw + 50%);background:linear-gradient(135deg,#0f172a,#1e293b);}
#product-root .product-page .product-benefits h2{color:#fff;text-align:center;font-weight:800;letter-spacing:.08em;}
#product-root .product-page .product-benefits h2:after{background:#fff;margin:14px auto 48px;}
#product-root .product-page .product-benefits-overlay{max-width:1100px;margin:0 auto;}
#product-root .product-page .product-benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
#product-root .product-page .product-benefit-card{background:#fff;border-radius:18px;padding:18px;text-align:center;box-shadow:0 10px 22px rgba(0,0,0,.18);transition:.2s ease;}
#product-root .product-page .product-benefit-card:hover{transform:translateY(-3px);}
#product-root .product-page .product-benefit-card h4{font-size:15px;font-weight:700;margin:10px 0 8px;}
#product-root .product-page .product-benefit-card p{font-size:13px;line-height:1.45;color:#444;}
@media(max-width:1024px){#product-root .product-page .product-benefits-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:640px){#product-root .product-page .product-benefits-grid{grid-template-columns:1fr;}}



/* ============================= */
/* HOW / WHO SECTIONS            */
/* ============================= */
#product-root .product-page .product-how,#product-root .product-page .product-who{max-width:1100px;margin:70px auto;padding:0 20px;}
#product-root .product-page .product-how-grid,#product-root .product-page .product-who-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;align-items:stretch;}

/* ============================= */
/* CARDS (TRUE LEFT BORDER)      */
/* ============================= */
#product-root .product-page .product-how-card,#product-root .product-page .product-who-card{background:#fff;border-radius:18px;padding:26px 28px;border-left:4px solid #bd243f;box-shadow:0 10px 24px rgba(0,0,0,.08);display:flex;flex-direction:column;}
#product-root .product-page .product-how-card h3,#product-root .product-page .product-who-card h3{margin:0 0 12px;font-size:18px;font-weight:700;}
#product-root .product-page .product-how-card p,#product-root .product-page .product-who-card p{margin:0;font-size:15px;line-height:1.6;color:#444;}

/* ============================= */
/* WHO ICON LISTS (MOBILE SAFE)  */
/* ============================= */
#product-root .product-page .product-who-card{border-left:none;padding:26px 28px;}
#product-root .product-page .product-who-card h3{text-align:center;}
#product-root .product-page .product-who-card ul{list-style:none;padding:0;margin:0;}
#product-root .product-page .product-who-card li{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px;font-size:15px;line-height:1.6;color:#444;}
#product-root .product-page .product-who-card .icon{width:18px;height:18px;flex-shrink:0;margin-top:2px;background-size:contain;background-repeat:no-repeat;}
#product-root .product-page .product-who-card .check{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='%233ba63b' d='M6.1 11.2L2.8 7.9l1.4-1.4 1.9 1.9 5-5 1.4 1.4z'/></svg>");}
#product-root .product-page .product-who-card .x{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='%23d63636' d='M9.4 8l3.3-3.3-1.4-1.4L8 6.6 4.7 3.3 3.3 4.7 6.6 8l-3.3 3.3 1.4 1.4L8 9.4l3.3 3.3 1.4-1.4z'/></svg>");}


/* ============================= */
/* FAQ SECTION                   */
/* ============================= */
#product-root .product-page .product-faq{max-width:800px;margin:60px auto;padding:0 24px;}
#product-root .product-page .product-faq-item{background:#f9f9f9;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.08);padding:16px 20px;margin-bottom:16px;cursor:pointer;}
#product-root .product-page .product-faq-question{font-size:16px;font-weight:600;color:#bd243f;position:relative;padding-right:24px;}
#product-root .product-page .product-faq-question:after{content:'+';position:absolute;right:0;top:0;}
#product-root .product-page .product-faq-question.open:after{content:'–';}
#product-root .product-page .product-faq-answer{font-size:14px;color:#444;line-height:1.5;margin-top:12px;display:none;}
#product-root .product-page .product-faq-answer.open{display:block;}