Terms of service

<section class="terms-section">
<div class="terms-container">
<div class="terms-header"><span>InnerStyle</span>
<p>Welcome to InnerStyle. Before shopping with us, please read these terms carefully. We’ve written them in a simple way so you can understand your rights, responsibilities, and our store policies clearly.</p>
</div>
<div class="terms-card">
<h2>Use of Our Website</h2>
<p>By visiting or shopping from InnerStyle, you agree to follow our terms and conditions. Our website is created for personal shopping use only. Any misuse, copying, or commercial use without permission is not allowed.</p>
</div>
<div class="terms-card">
<h2>Account &amp; Personal Information</h2>
<p>If you create an account or place an order, please make sure your name, phone number, address, and other details are correct. This helps us deliver your order smoothly.</p>
<p>You are responsible for keeping your account login details safe and private.</p>
</div>
<div class="terms-card">
<h2>Orders &amp; Confirmation</h2>
<p>Once you place an order, we may contact you to confirm your details before processing it. InnerStyle reserves the right to cancel or refuse any order if the information is incomplete, incorrect, or appears suspicious.</p>
</div>
<div class="terms-card">
<h2>Pricing &amp; Product Information</h2>
<p>We try our best to keep product prices, images, colors, sizes, and descriptions accurate. However, minor differences or errors may happen. If a pricing or listing mistake occurs, we may contact you for confirmation or cancel the order politely.</p>
</div>
<div class="terms-card">
<h2>Payments &amp; Verification</h2>
<p>For secure shopping, we may verify payment, phone number, address, or order details before dispatching your parcel. This helps protect both our customers and our store from fraud.</p>
</div>
<div class="terms-card">
<h2>Customer Reviews &amp; Submissions</h2>
<p>If you share reviews, comments, questions, or feedback with us, InnerStyle may use them to improve our service and customer experience. Please make sure your shared information is honest, respectful, and not misleading.</p>
</div>
<div class="terms-card">
<h2>Promotional Messages</h2>
<p>By shopping with us, you may receive order updates, offers, or promotional messages. You can unsubscribe from promotional emails whenever you want.</p>
</div>
<div class="terms-card">
<h2>Website Content &amp; Copyright</h2>
<p>All content on InnerStyle, including text, images, design, product listings, and branding, belongs to InnerStyle unless stated otherwise. Copying or using our content without permission is not allowed.</p>
</div>
<div class="terms-card">
<h2>Changes to These Terms</h2>
<p>InnerStyle may update these terms from time to time. Any changes will be posted on this page. Continued use of our website means you accept the updated terms.</p>
</div>
<div class="terms-card">
<h2>Legal Rights</h2>
<p>These terms are governed by the applicable laws of Pakistan. Any disputes will be handled according to relevant legal procedures and jurisdiction.</p>
</div>
<div class="terms-contact">
<h2>Need Help?</h2>
<p>If you have any questions about these Terms &amp; Conditions, our team is here to guide you.</p>
<a href="mailto:info.innerstyle@gmail.com">info.innerstyle@gmail.com</a></div>
</div>
</section>
<style>
  .terms-section {
    background: #fff8fa;
    padding: 70px 16px;
    font-family: Arial, sans-serif;
    color: #2b2b2b;
  }

  .terms-container {
    max-width: 950px;
    margin: 0 auto;
  }

  .terms-header {
    text-align: center;
    margin-bottom: 40px;
  }

  .terms-header span {
    display: inline-block;
    color: #c05a73;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 10px;
  }

  .terms-header h1 {
    font-size: 42px;
    margin: 0 0 14px;
    color: #1f1f1f;
  }

  .terms-header p {
    max-width: 780px;
    margin: 0 auto;
    font-size: 16.5px;
    line-height: 1.8;
    color: #555;
  }

  .terms-card {
    background: #ffffff;
    padding: 28px;
    border-radius: 18px;
    margin-bottom: 18px;
    border: 1px solid #f2d6dc;
    box-shadow: 0 8px 24px rgba(192, 90, 115, 0.09);
  }

  .terms-card h2 {
    font-size: 22px;
    margin: 0 0 12px;
    color: #c05a73;
  }

  .terms-card p {
    font-size: 15.5px;
    line-height: 1.8;
    color: #555;
    margin: 0 0 10px;
  }

  .terms-card p:last-child {
    margin-bottom: 0;
  }

  .terms-contact {
    background: #ffffff;
    padding: 30px;
    border-radius: 20px;
    text-align: center;
    border: 1px solid #f2d6dc;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
    margin-top: 28px;
  }

  .terms-contact h2 {
    font-size: 24px;
    margin: 0 0 10px;
    color: #1f1f1f;
  }

  .terms-contact p {
    font-size: 15.5px;
    line-height: 1.7;
    color: #555;
    margin: 0 0 14px;
  }

  .terms-contact a {
    display: inline-block;
    background: #c05a73;
    color: #ffffff;
    padding: 12px 22px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 600;
  }

  .terms-contact a:hover {
    background: #a94c63;
  }

  @media (max-width: 600px) {
    .terms-section {
      padding: 45px 14px;
    }

    .terms-header {
      text-align: left;
      margin-bottom: 28px;
    }

    .terms-header h1 {
      font-size: 30px;
    }

    .terms-header p {
      font-size: 15px;
    }

    .terms-card {
      padding: 20px;
      border-radius: 14px;
    }

    .terms-card h2 {
      font-size: 18px;
    }

    .terms-card p,
    .terms-contact p {
      font-size: 14px;
    }

    .terms-contact {
      text-align: left;
      padding: 22px;
    }

    .terms-contact h2 {
      font-size: 20px;
    }

    .terms-contact a {
      width: 100%;
      text-align: center;
      box-sizing: border-box;
    }
  }
</style>