:root {
      --primary: #173d2b;
      --secondary: #28764c;
      --cream: #f5f1e7;
      --lime: #c5d86d;
      --background: #f7f9f7;
      --text: #5f6c64;
      --border: #e3e9e3;
      --white: #ffffff;
      --danger: #a32118;
      --danger-bg: #fff4f1;
    }   
   * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      font-family: Arial, sans-serif;
      background: #f5f8fc;
      color: #263449;
      line-height: 1.7;
    }

    .product-section {
      max-width: 1200px;
      margin: 50px auto;
      padding: 20px;
    }

    .product-card {
      background: #fff;
      border: 1px solid #e4eae5;
      border-radius: 18px;
      overflow: hidden;
      box-shadow: 0 12px 35px rgba(30, 64, 100, 0.07);
    }

    .product-header {
      background: #123d2d;
      color: #fff;
      padding: 35px;
    }

    .product-header .tag {
      display: inline-block;
      background: #e3f4ff;
      color: #123d2d;
      padding: 5px 13px;
      border-radius: 30px;
      font-size: 12px;
      font-weight: 700;
      margin-bottom: 12px;
    }

    .product-header h1 {
      font-size: 36px;
      margin-bottom: 5px;
    }

    .product-header p {
      color: #e2edf9;
      font-size: 17px;
    }

    .product-content {
      padding: 35px;
    }

    .section-title {
      font-size: 21px;
      color: #123d2d;
      margin-bottom: 16px;
      padding-bottom: 10px;
      border-bottom: 2px solid ##8abf43;
    }

    .composition {
      background: #f5f8f5;
      border: 1px solid #e4eae5;
      border-radius: 12px;
      padding: 22px;
      margin-bottom: 30px;
    }

    .composition p {
      margin: 7px 0;
    }

    .composition strong {
      color: #123d2d;
    }

    .details-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 20px;
      margin-bottom: 30px;
    }

    .detail-box {
      padding: 20px;
      border: 1px solid #e4ebf3;
      border-radius: 12px;
      background: #fff;
    }

    .detail-box h3 {
      font-size: 17px;
      color: #123d2d;
      margin-bottom: 10px;
    }

    .detail-box p,
    .detail-box li {
      font-size: 14px;
      color: #536276;
    }

    .detail-box ul {
      padding-left: 20px;
    }

    .full-width {
      margin-bottom: 24px;
    }

    .notice {
      background: #fff8e8;
      border-left: 4px solid #e8a329;
      padding: 18px 20px;
      border-radius: 6px;
      margin-top: 10px;
    }

    .notice h3 {
      color: #80520b;
      margin-bottom: 5px;
      font-size: 16px;
    }

    .notice p {
      color: #665637;
      font-size: 14px;
    }
	
	.warning {
      background: var(--danger-bg);
      border: 1px solid #f0d2cb;
      border-left: 4px solid var(--danger);
      padding: 20px;
      border-radius: 8px;
      margin-top: 22px;
    }

    .warning h3 {
      color: var(--danger);
      font-size: 16px;
      margin-bottom: 8px;
    }

    .warning p {
      color: #70423c;
      font-size: 14px;
    }

    .prescription-warning {
      background: #fff0ef;
      border: 1px solid #f2c9c5;
      border-radius: 8px;
      padding: 20px;
      margin-top: 22px;
    }

    .prescription-warning h3 {
      color: var(--danger);
      font-size: 16px;
      margin-bottom: 8px;
    }

    .prescription-warning p {
      color: #70423c;
      font-size: 14px;
    }

    .manufacturer {
      background: var(--background);
      border: 1px solid var(--border);
      border-radius: 12px;
      padding: 22px;
      margin-top: 25px;
    }

    .manufacturer h3 {
      color: var(--primary);
      font-size: 18px;
      margin-bottom: 12px;
    }

    .manufacturer p {
      font-size: 14px;
      color: var(--text);
    }

    .manufacturer strong {
      color: var(--secondary);
    }

    .disclaimer {
      background: #f5f8f5;
      border-radius: 10px;
      padding: 18px;
      margin-top: 25px;
      font-size: 13px;
      color: #657286;
    }

    .product-footer {
      border-top: 1px solid #e7edf4;
      padding: 20px 35px;
      color: #6c7a8d;
      font-size: 13px;
      text-align: center;
    }

    @media (max-width: 650px) {
      .product-section {
        margin: 20px auto;
        padding: 12px;
      }

      .product-header,
      .product-content {
        padding: 22px;
      }

      .product-header h1 {
        font-size: 29px;
      }

      .details-grid {
        grid-template-columns: 1fr;
      }

      .section-title {
        font-size: 19px;
      }
    }