npm - @tokenoftrust/storefront-runner - Versions diffs - 0.1.0 - Mend

@tokenoftrust/storefront-runner 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (337) hide show

package/tenants/giantvapes/content/pages-html/pages/privacy-policy.html ADDED Viewed

@@ -0,0 +1,65 @@
+<head>
+<title>Privacy Policy | Giant Vapes</title>
+<meta name="description" content="Giant Vapes' Privacy Notice describes how your privacy is protected when you access, interact with, and use our site.">
+<link rel="canonical" href="https://giantvapes.com/pages/privacy-policy">
+<meta name="robots" content="index,follow">
+<meta property="og:type" content="website">
+<meta property="og:site_name" content="Giant Vapes">
+<meta property="og:title" content="Privacy Policy | Giant Vapes">
+<meta property="og:description" content="How Giant Vapes protects your privacy when you use our site.">
+<meta property="og:url" content="https://giantvapes.com/pages/privacy-policy">
+<meta property="og:image" content="/tenants/giantvapes/img/og.jpg">
+<meta name="twitter:card" content="summary_large_image">
+<script type="application/ld+json">
+{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://giantvapes.com/"},{"@type":"ListItem","position":2,"name":"Privacy Policy","item":"https://giantvapes.com/pages/privacy-policy"}]}
+</script>
+<link rel="stylesheet" href="/tenants/giantvapes/pages/page.css">
+</head>
+<main id="main">
+  <section class="page-hero">
+    <div class="container">
+      <nav class="crumbs" aria-label="Breadcrumb"><a href="/">Home</a> / Privacy Policy</nav>
+      <span class="eyebrow">Policies</span>
+      <h1>Privacy Policy</h1>
+      <p>How your privacy is protected when you access, interact with, and use this site.</p>
+    </div>
+  </section>
+  <section class="section">
+    <div class="container prose">
+      <p>Welcome! We thank you for visiting our website ("Site"). This PRIVACY NOTICE ("Privacy Notice") describes the ways in which your privacy is protected when you access, interact with and use this Site.</p>
+      <p>By using this Site, you agree to all Giant Vapes policies made available to you within this Site including, but not limited to, our Terms and Conditions of Use and Sale (available on the Internet at https://www.giantvapes.com/terms-conditions/ ("Terms"), which are hereby incorporated by this reference. Capitalized terms not otherwise defined in this Privacy Notice shall have the meanings ascribed to them in the Terms.</p>
+      <p>With respect to the collection of your information, if you do not want your personal information collected, please do not submit it to us. If you have already submitted information and would like to review, correct, or remove it from our records, please contact us. Pursuant to tobacco product regulations, user information collected during order placement and age verification will be stored for a minimum of five years and will be shared with tobacco tax enforcement or jurisdictional law enforcement as required by federal, state or local law and upon a legal request for the aforementioned information. This information is not subject to removal or alteration by request.</p>
+      <p>By visiting and using the Site, you are deemed to have agreed to the provisions of this Privacy Notice, unless you are in the EEA or Switzerland in which case you are acknowledging that you have been provided this Privacy Notice.</p>
+      <h3>Legal Compliance</h3>
+      <p>Giant Vapes may disclose Users' Personal Information when such disclosure is:</p>
+      <ul class="bullets">
+        <li>necessary to conform to legal requirements or to respond to a subpoena, search warrant or other legal process received by Giant Vapes, whether or not a response is required by applicable law;</li>
+        <li>necessary to enforce or apply our Terms and other related agreements; or</li>
+        <li>to protect the rights, property, or safety of Giant Vapes, our employees, our Users or other members of the general public.</li>
+      </ul>
+      <p>Except in the limited circumstances set forth below, Giant Vapes will not sell, share or disclose Personal Information it collects to third parties without your prior consent.</p>
+      <h3>Rights for EEA Residents</h3>
+      <p>In addition, if you are a resident of the EEA, you have the right to:</p>
+      <ul class="bullets">
+        <li>Find out if we use your personal information, to access your personal information, and receive copies of your personal information.</li>
+        <li>Withdraw any express consent that you have provided to the processing of your personal information at any time without penalty.</li>
+        <li>Access your personal information and have it corrected or amended if it is inaccurate or incomplete.</li>
+        <li>Obtain a transferable copy of some of your personal information which can be transferred to another provider when the personal information was processed based on your consent.</li>
+      </ul>
+      <p>If you wish to exercise any of these rights, or raise a complaint on how we have handled your personal information, please <a href="/pages/contact-us">contact us</a>.</p>
+      <h3>Changes in Our Privacy Notice</h3>
+      <p>From time-to-time we may modify, change, update, add to, remove portions of or otherwise alter this Privacy Notice. If we make changes, we will post them on our Site to make Users aware of what the changes are so Users will always be aware of what information we collect, how we collect and use that information, and when we may disclose such information. If you object to any such changes, you must immediately cease using the Site. A User is bound by any changes to this Privacy Notice when he, she or it uses the Site after those changes have been posted.</p>
+      <h3>Contact, Questions or Feedback</h3>
+      <p>When we receive formal written complaints, it is our policy to contact the person regarding his or her concerns. We will cooperate with the appropriate regulatory authorities, including local data protection authorities, to resolve any complaints regarding the transfer of personal data that cannot be resolved between Giant Vapes and an individual.</p>
+    </div>
+  </section>
+</main>

package/tenants/giantvapes/content/pages-html/pages/shipping-returns.html ADDED Viewed

@@ -0,0 +1,77 @@
+<head>
+<title>Shipping &amp; Returns | Giant Vapes</title>
+<meta name="description" content="Giant Vapes shipping and returns policy: fast, reliable shipping, 30-day returns on new unopened hardware, and details on refunds, exchanges, and tracking.">
+<link rel="canonical" href="https://giantvapes.com/pages/shipping-returns">
+<meta name="robots" content="index,follow">
+<meta property="og:type" content="website">
+<meta property="og:site_name" content="Giant Vapes">
+<meta property="og:title" content="Shipping &amp; Returns | Giant Vapes">
+<meta property="og:description" content="Fast, reliable shipping and a 30-day return policy on new unopened hardware.">
+<meta property="og:url" content="https://giantvapes.com/pages/shipping-returns">
+<meta property="og:image" content="/tenants/giantvapes/img/og.jpg">
+<meta name="twitter:card" content="summary_large_image">
+<script type="application/ld+json">
+{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://giantvapes.com/"},{"@type":"ListItem","position":2,"name":"Shipping & Returns","item":"https://giantvapes.com/pages/shipping-returns"}]}
+</script>
+<link rel="stylesheet" href="/tenants/giantvapes/pages/page.css">
+</head>
+<main id="main">
+  <section class="page-hero">
+    <div class="container">
+      <nav class="crumbs" aria-label="Breadcrumb"><a href="/">Home</a> / Shipping &amp; Returns</nav>
+      <span class="eyebrow">Policies</span>
+      <h1>Shipping &amp; Returns</h1>
+      <p>Fast, reliable shipping and a straightforward returns policy.</p>
+    </div>
+  </section>
+  <section class="section">
+    <div class="container prose">
+      <h2>Giant Vapes Shipping Policy</h2>
+      <p>At Giant Vapes, we take pride in our ability to provide fast and reliable shipping to our customers. To ensure this, all orders will be processed and shipped by an independent trusted third-party shipping company from one of our fulfillment centers.</p>
+      <p>We understand the importance of timely delivery, which is why we strive to get your order shipped out as soon as possible. All orders are typically shipped within 24 business hours, excluding weekends and holidays.</p>
+      <p>Please note that shipping times may vary depending on your location and the shipping method selected. Once your order has shipped, you will receive a tracking number via email so that you can easily track your package and stay up-to-date on its delivery status.</p>
+      <p>It is important to us that your order is delivered to you in a timely and secure manner. That is why we entrust an independent third-party shipping company to handle the entire shipping process.</p>
+      <p>If you have any questions or concerns about your order or its shipment, please don't hesitate to reach out to our <a href="/pages/contact-us">customer service team</a> for assistance. We're always here to help!</p>
+      <h2>Returns &amp; refunds</h2>
+      <p>We offer a monetary refund for a 30-day period for any new unopened hardware product/s. This is only available for hardware purchased from giantvapes.com, <strong>consumable nicotine products are not eligible for return, refund or exchange</strong>. The refund amount will only be for the price of the item, shipping fees and shipping insurance costs will not be refunded. Please note: <em>Clearance items are All Sales Final. No exchanges or returns.</em></p>
+      <p>***Any Giant Vapes products purchased from 3rd party resellers are not eligible for refunds, and instead, fall under the specific refund policy for the store where the item(s) were purchased originally.</p>
+      <p>Our refund and returns policy lasts 30 days. If 30 days have passed since your purchase, we cannot offer you a refund or exchange.</p>
+      <p>To be eligible to return your item(s) must be unused and in the same condition that you received them, and still in their original packaging.</p>
+      <p>To complete your return, we require a receipt or proof of purchase.</p>
+      <p>If any item(s) are returned for a refund and are found to be or used in any way, no refund will be processed, and the item(s) in question will not be able to be returned to you as the customer.</p>
+      <p>Giant Vapes is a reseller, not a manufacturer, if any manufacturing defects are found you must contact the manufacturer directly and submit a warranty claim with them. All after sales support for hardware is handled by the respective manufacturers.</p>
+      <p>Giant Vapes utilizes a fulfillment center for shipping your order, we are not responsible for any mishandling, delay or error in the shipping process. If your order did not reach you please contact the shipper and use the provided tracking information to find your order. Shipping insurance is available at checkout, if you elect not to add shipping insurance Giant Vapes will NOT provide refunds or product replacements due to shipper negligence.</p>
+      <h3>Refunds</h3>
+      <p>To return your product, contact us for eligibility first. Once your return is received and inspected to verify it is unused and unopened, we will send you an email to notify you that we have received your returned item. We will also notify you of the approval or rejection of your refund.</p>
+      <p>If you are approved, then your refund will be processed, and a credit will automatically be applied to your credit card or original method of payment within 7-10 business days.</p>
+      <h3>Late or missing refunds</h3>
+      <p>If you haven't received a refund yet, first check your bank account again.</p>
+      <p>Then contact your credit card company, it may take some time before your refund is officially posted. Next contact your bank. There is often some processing time before a refund is posted.</p>
+      <h3>Sale items</h3>
+      <p>Only regular priced items may be refunded. Sale items cannot be refunded or exchanged.</p>
+      <h3>Exchanges</h3>
+      <p>We only replace items if they are defective or damaged. If this is the case and you need to exchange it for the same item, please contact us.</p>
+      <h3>Gifts</h3>
+      <p>If the item was marked as a gift when purchased and shipped directly to you, you'll receive a gift credit for the value of your return.</p>
+      <p>If the item wasn't marked as a gift when purchased, or the gift giver had the order shipped to themselves to give to you later, we will send a refund to the gift giver and they will find out about your return.</p>
+      <h3>Shipping returns</h3>
+      <p>To return your product, contact us for eligibility first.</p>
+      <p>You will be responsible for paying for your own shipping costs for returning your item. Shipping costs are non-refundable. If you receive a refund, the cost of return shipping will be deducted from your refund.</p>
+      <p>Depending on where you live, the time it may take for your returned product to reach us may vary.</p>
+      <p>If you are returning more expensive items, you may consider using a trackable shipping service or purchasing shipping insurance. We can't guarantee that we will receive your returned item.</p>
+      <p>ALL CUSTOMERS ARE REQUIRED TO UNDERSTAND THEIR LOCAL REGULATIONS AND WE WON'T BE ABLE TO OFFER REFUNDS OR REPLACEMENT IF ISSUES ARISE.</p>
+    </div>
+  </section>
+</main>

package/tenants/giantvapes/content/themes/giant-navy.json ADDED Viewed

@@ -0,0 +1,73 @@
+{
+  "id": "giant-navy",
+  "role": "current",
+  "name": "Giant Vapes — Navy",
+  "description": "Faithful T0 clone of giantvapes.com's Shopify theme: deep navy (#1b3b64) on white with a warm gold accent (#e0a83a). Montserrat display over Inter body. Token values mirror themes/giant-navy.css so this guide re-skins the standard commerce + chrome components in-brand.",
+  "source": "giantvapes.com (Shopify) reconstruction",
+  "stylesheet": "/tenants/giantvapes/themes/giant-navy.css",
+  "concept": { "id": "giant-navy", "version": "1.0.0", "baseline": "1.0.0" },
+  "status": "approved",
+  "claimsPolicy": "Ratings, testimonials, badges, and guarantees are PLACEHOLDER / needs-review — never ship fabricated proof for Giant Vapes. Product names, prices, and images on the home are source-copied verbatim from giantvapes.com.",
+  "storyboard": {
+    "status": "draft",
+    "summary": "giant-navy: deep navy (#1b3b64) on white, warm gold accent (#e0a83a) — a faithful clone of giantvapes.com's Shopify theme. The home page defines the brand system + chrome; the subpages define editorial-split, contact-conversion, and legal-prose patterns. This is the contract every remaining giantvapes page follows.",
+    "inspirationPages": [
+      {
+        "slug": "/",
+        "role": "brand-system-and-chrome",
+        "captures": [
+          "brand arrival: white Giant Vapes wordmark on dark header",
+          "chrome: FDA warning bar + shipping marquee + utility nav",
+          "sticky header: logo + search + account + cart-count; mega-nav with SALE badge and carets",
+          "two-up hero, 3 promo cards, icon category tiles",
+          "brand e-liquid shelves + featured-hardware spotlight",
+          "footer: columns + newsletter + payment badges + compliance line"
+        ]
+      },
+      {
+        "slug": "/pages/about-us",
+        "role": "editorial-split",
+        "captures": [
+          "page-hero + breadcrumb",
+          "story split section (copy + image)",
+          "values card grid + find-your-favorite category picker"
+        ]
+      },
+      {
+        "slug": "/pages/contact-us",
+        "role": "contact-conversion",
+        "captures": [
+          "page hero + support hours",
+          "contact-info cards (hours / support / tracking)",
+          "shipping-detail prose + contact form"
+        ]
+      }
+    ]
+  },
+  "tokens": {
+    "color": [
+      { "name": "navy", "var": "--navy", "value": "#1b3b64", "role": "Primary brand · buttons, header, focus outline" },
+      { "name": "navy-dark", "var": "--navy-dark", "value": "#142d4d", "role": "Navy hover / pressed on primary" },
+      { "name": "navy-ink", "var": "--navy-ink", "value": "#0f2138", "role": "Deep navy · footer & dark sections background" },
+      { "name": "ink", "var": "--ink", "value": "#16243d", "role": "Body text · headings" },
+      { "name": "muted", "var": "--muted", "value": "#5b6a82", "role": "Secondary text · muted" },
+      { "name": "gold", "var": "--gold", "value": "#e0a83a", "role": "Warm accent · highlights" },
+      { "name": "sale", "var": "--sale", "value": "#8a5d10", "role": "Sale / clearance price accent" },
+      { "name": "ok", "var": "--ok", "value": "#2f8a5b", "role": "In-stock / availability accent (mkt.css)" },
+      { "name": "bg", "var": "--bg", "value": "#ffffff", "role": "Page background (white)" },
+      { "name": "surface", "var": "--surface", "value": "#f5f7fa", "role": "Raised surface / section tint" },
+      { "name": "surface-2", "var": "--surface-2", "value": "#eaeef4", "role": "Deeper surface / hover fill" },
+      { "name": "border", "var": "--border", "value": "#e3e8ef", "role": "Hairline border / dividers" }
+    ],
+    "type": {
+      "sans": "\"Inter\", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif",
+      "display": "\"Montserrat\", var(--font-body)",
+      "scale": [
+        { "name": "h1", "value": "clamp(2rem, 4.6vw, 3.15rem)", "weight": 700 },
+        { "name": "h2", "value": "clamp(1.6rem, 3.2vw, 2.35rem)", "weight": 700 },
+        { "name": "h3", "value": "1.2rem", "weight": 700 },
+        { "name": "body", "value": "1rem (16px min)", "weight": 400 }
+      ]
+    }
+  }
+}

package/tenants/giantvapes/public/img/hero-suicide-bunny.jpg ADDED Viewed

Binary file

package/tenants/giantvapes/public/img/hero.webp ADDED Viewed

Binary file

package/tenants/giantvapes/public/img/og.jpg ADDED Viewed

Binary file

package/tenants/giantvapes/public/logo-wordmark.png ADDED Viewed

Binary file

package/tenants/giantvapes/public/pages/home.css ADDED Viewed

@@ -0,0 +1,120 @@
+/* ============================================================================
+   Giant Vapes — home page (pixel clone of giantvapes.com, above-the-fold).
+   Section order + chrome mirror the live Shopify theme. Shared base in
+   themes/giant-navy.css + pages/mkt.css. See playbook/site-migration/page-port.md §3.
+   ========================================================================== */
+/* --- Hero: TWO-UP (banner + promo tile), no overlay text ------------------ */
+.hero2 { padding-block: clamp(16px, 2vw, 24px); }
+.hero2 .container { display: grid; grid-template-columns: 2fr 1fr; gap: 16px; }
+.hero2 a { display: block; border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-sm); }
+.hero2 img { width: 100%; height: clamp(260px, 34vw, 420px); object-fit: cover; }
+.hero2 .promo-tile { background: linear-gradient(135deg, #0b1020, var(--navy-ink)); }
+/* --- 3 promo cards -------------------------------------------------------- */
+.promos { padding-block: clamp(12px, 2vw, 20px); }
+.promos .container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
+.promo-card {
+  position: relative; min-height: 240px; border-radius: var(--radius-lg); overflow: hidden;
+  display: flex; flex-direction: column; justify-content: flex-start; padding: 28px; color: #fff;
+}
+.promo-card--blue { background: linear-gradient(160deg, #1466ff, var(--navy)); }
+.promo-card--red { background: linear-gradient(160deg, #ff3b46, var(--sale)); }
+.promo-card--img { background: #10131c; padding: 0; }
+.promo-card--img img { width: 100%; height: 100%; object-fit: cover; }
+.promo-card h3 { color: #fff; font-size: 1.7rem; }
+.promo-card p { color: rgba(255,255,255,.88); margin-top: 4px; font-weight: 500; }
+.promo-card .link { margin-top: 14px; font-family: var(--font-display); font-weight: 700; color: #fff; }
+.promo-card .link::after { content: " ›"; }
+/* --- Categories (icon cards, light-blue) ---------------------------------- */
+.cats { padding-block: clamp(2rem, 4vw, 3.5rem); }
+.cats h2 { text-align: center; margin-bottom: clamp(1.5rem, 3vw, 2.5rem); }
+.cats .grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: clamp(12px, 1.6vw, 20px); }
+.cat-icon-card {
+  display: flex; flex-direction: column; align-items: center; gap: 16px;
+  background: #fff; border: 1px solid var(--border); border-radius: var(--radius-lg);
+  padding: 26px 16px; text-align: center; transition: transform .14s, box-shadow .14s;
+}
+.cat-icon-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); }
+.cat-icon-card .ico {
+  width: 92px; height: 92px; border-radius: 18px; background: var(--surface-2);
+  display: grid; place-items: center;
+}
+.cat-icon-card .ico svg { width: 52px; height: 52px; stroke: var(--navy); fill: none; stroke-width: 1.6; }
+.cat-icon-card span { font-family: var(--font-display); font-weight: 700; color: var(--ink); }
+/* --- Responsive ----------------------------------------------------------- */
+@media (max-width: 900px) {
+  .hero2 .container { grid-template-columns: 1fr; }
+  .hero2 .promo-tile { display: none; }
+  .promos .container { grid-template-columns: 1fr; }
+  .cats .grid { grid-template-columns: repeat(3, 1fr); }
+}
+@media (max-width: 560px) {
+  .cats .grid { grid-template-columns: repeat(2, 1fr); }
+}
+/* --- Footer newsletter ---------------------------------------------------- */
+.footer-news { display: flex; gap: 8px; margin-top: 12px; max-width: 320px; }
+.footer-news input { flex: 1; border: 1px solid rgba(255,255,255,.3); background: transparent; color: #fff; border-radius: 999px; padding: 10px 16px; font-size: .9rem; }
+.footer-news input::placeholder { color: #a9b8e6; }
+.footer-news button { background: #fff; color: var(--navy-ink); border: 0; border-radius: 999px; width: 42px; font-size: 1.1rem; font-weight: 700; cursor: pointer; }
+.footer-col > p { color: #a9b8e6; font-size: .88rem; margin-top: 4px; }
+/* --- Payment badges ------------------------------------------------------- */
+.pay-badges { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
+.pay-badges span { background: #fff; color: var(--navy-ink); font-size: .62rem; font-weight: 800; letter-spacing: .03em; padding: 6px 9px; border-radius: 5px; }
+/* --- Product carousel (real catalog snapshot) ----------------------------- */
+.shelf .sec-head { margin-bottom: 1.25rem; }
+.pcarousel {
+  display: grid; grid-auto-flow: column; grid-auto-columns: minmax(200px, 1fr);
+  gap: clamp(12px, 1.6vw, 20px); overflow-x: auto; scroll-snap-type: x mandatory;
+  padding-bottom: 12px; scrollbar-width: thin;
+}
+.pcard { scroll-snap-align: start; }
+.pcard a { display: block; background: #fff; border: 1px solid var(--border); border-radius: var(--radius-lg); overflow: hidden; transition: transform .14s, box-shadow .14s, border-color .14s; }
+.pcard a:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); border-color: var(--surface-2); }
+.pcard__media { aspect-ratio: 1/1; background: var(--surface); display: grid; place-items: center; }
+.pcard__media img { width: 100%; height: 100%; object-fit: contain; padding: 10px; }
+.pcard__vendor { font-family: var(--font-display); font-size: .68rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); padding: 12px 14px 0; }
+.pcard__title { font-family: var(--font-body); font-size: .9rem; font-weight: 600; line-height: 1.3; color: var(--ink); padding: 2px 14px 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
+.pcard__price { font-family: var(--font-display); font-weight: 700; color: var(--navy); padding: 6px 14px 14px; }
+.pcard__was { color: var(--muted); font-weight: 500; text-decoration: line-through; margin-right: 4px; }
+/* --- Staff's Pick spotlight ----------------------------------------------- */
+.spotlight { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(20px, 4vw, 48px); align-items: center; background: #fff; border: 1px solid var(--border); border-radius: var(--radius-lg); overflow: hidden; }
+.spotlight:hover { box-shadow: var(--shadow-md); }
+.spotlight__media { aspect-ratio: 4/3; background: var(--surface); display: grid; place-items: center; }
+.spotlight__media img { width: 100%; height: 100%; object-fit: contain; padding: 24px; }
+.spotlight__body { padding: clamp(20px, 4vw, 40px) clamp(20px, 4vw, 40px) clamp(20px, 4vw, 40px) 0; }
+.spotlight__body h3 { font-size: clamp(1.3rem, 2.6vw, 1.9rem); margin: 4px 0 10px; }
+.spotlight__price { font-family: var(--font-display); font-weight: 700; font-size: 1.3rem; color: var(--navy); margin-bottom: 1.2rem; }
+/* --- Shop by Brands grid -------------------------------------------------- */
+.brandgrid { display: grid; grid-template-columns: repeat(6, 1fr); gap: clamp(10px, 1.4vw, 16px); }
+.brandtile { display: grid; place-items: center; background: #fff; border: 1px solid var(--border); border-radius: var(--radius); min-height: 96px; padding: 14px; transition: transform .14s, box-shadow .14s, border-color .14s; }
+.brandtile:hover { transform: translateY(-3px); box-shadow: var(--shadow-sm); border-color: var(--surface-2); }
+.brandtile img { max-height: 56px; max-width: 100%; object-fit: contain; }
+/* Text brand tile (used when a brand has no logo asset) — same tile chrome, name centered. */
+.brandtile--text { font-family: var(--font-display); font-weight: 700; color: var(--navy); text-align: center; font-size: .95rem; letter-spacing: -.01em; }
+/* --- Blog cards ----------------------------------------------------------- */
+.bloggrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(14px, 2vw, 24px); }
+.blogcard { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--border); border-radius: var(--radius-lg); overflow: hidden; transition: transform .14s, box-shadow .14s; }
+.blogcard:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); }
+.blogcard__media { aspect-ratio: 16/9; background: linear-gradient(135deg, var(--surface-2), var(--surface)); }
+.blogcard h3 { font-size: 1.02rem; line-height: 1.35; padding: 16px 18px 0; color: var(--ink); }
+.blogcard .link-more { padding: 10px 18px 18px; }
+.center { text-align: center; }
+@media (max-width: 900px) {
+  .spotlight { grid-template-columns: 1fr; }
+  .spotlight__media { aspect-ratio: 16/10; }
+  .spotlight__body { padding: 0 24px 28px; }
+  .brandgrid { grid-template-columns: repeat(4, 1fr); }
+  .bloggrid { grid-template-columns: 1fr; }
+}
+@media (max-width: 560px) { .brandgrid { grid-template-columns: repeat(3, 1fr); } }

package/tenants/giantvapes/public/pages/mkt.css ADDED Viewed

@@ -0,0 +1,185 @@
+/* ============================================================================
+   Giant Vapes — shared marketing component layer (mkt.css)
+   Reused across home + all marketing pages: layout, buttons, header/nav,
+   footer, section headers, tile + category grids, compliance strip.
+   Depends on tokens from themes/giant-navy.css.
+   ========================================================================== */
+/* --- Layout --------------------------------------------------------------- */
+.container { width: 100%; max-width: var(--container); margin-inline: auto; padding-inline: clamp(16px, 4vw, 40px); }
+.section { padding-block: clamp(2.5rem, 6vw, 4.5rem); }
+.section--tight { padding-block: clamp(1.75rem, 4vw, 3rem); }
+.section--surface { background: var(--surface); }
+/* --- Buttons -------------------------------------------------------------- */
+.btn {
+  display: inline-flex; align-items: center; justify-content: center; gap: .5em;
+  font-family: var(--font-display); font-weight: 600; font-size: .95rem;
+  padding: .8em 1.6em; border-radius: 999px; border: 2px solid transparent;
+  transition: transform .12s ease, background .15s ease, color .15s ease, box-shadow .15s ease;
+}
+.btn:hover { transform: translateY(-1px); }
+.btn-primary { background: var(--navy); color: #fff; }
+.btn-primary:hover { background: var(--navy-dark); box-shadow: var(--shadow-md); }
+.btn-line { border-color: #fff; color: #fff; }
+.btn-line:hover { background: #fff; color: var(--navy); }
+.btn-ghost { border-color: var(--border); color: var(--navy); background: #fff; }
+.btn-ghost:hover { border-color: var(--navy); }
+/* --- Announcement bar ----------------------------------------------------- */
+.announce {
+  background: var(--navy); color: #fff; text-align: center;
+  font-size: .85rem; font-weight: 600; letter-spacing: .01em; padding: 9px 16px;
+}
+/* --- Top utility bar (shared chrome: FDA warning + marquee + utility nav) -- */
+.topbar-warning {
+  background: #fff; border-bottom: 1px solid var(--border);
+  text-align: center; padding: 10px 16px;
+}
+.topbar-warning p { color: var(--ink); font-weight: 700; font-size: .82rem; letter-spacing: .01em; }
+.announce-marquee { background: var(--sale); color: #fff; overflow: hidden; }
+.announce-marquee__track {
+  display: flex; gap: 3rem; white-space: nowrap; width: max-content;
+  padding: 8px 0; font-size: .82rem; font-weight: 600;
+  animation: bdv-marquee 22s linear infinite;
+}
+.announce-marquee__track span { padding-inline: 1.5rem; }
+@keyframes bdv-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
+@media (prefers-reduced-motion: reduce) {
+  .announce-marquee__track { animation: none; justify-content: center; width: 100%; }
+}
+.utility-nav { border-bottom: 1px solid var(--border); background: #fff; }
+.utility-nav .container { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-block: 8px; }
+.utility-nav ul { display: flex; gap: 20px; }
+.utility-nav a { font-size: .82rem; font-weight: 600; color: var(--ink); }
+.utility-nav a:hover { color: var(--navy); }
+.utility-nav__right { display: flex; align-items: center; gap: 16px; }
+.utility-nav__right .sel { font-size: .8rem; color: var(--muted); }
+.utility-nav__right .social { display: flex; gap: 12px; }
+.utility-nav__right .social a svg { width: 16px; height: 16px; fill: var(--ink); }
+/* --- Header / nav --------------------------------------------------------- */
+.site-header { position: sticky; top: 0; z-index: 100; background: #fff; border-bottom: 1px solid var(--border); }
+.header-row { display: flex; align-items: center; gap: clamp(12px, 2.5vw, 32px); padding-block: 14px; }
+.brand img { height: 46px; width: auto; }
+.primary-nav { flex: 1; }
+.primary-nav > ul { display: flex; flex-wrap: wrap; align-items: center; gap: clamp(10px, 1.6vw, 22px); }
+.primary-nav a { font-weight: 600; font-size: .92rem; color: var(--ink); padding: 6px 2px; border-bottom: 2px solid transparent; transition: color .15s, border-color .15s; }
+.primary-nav a:hover { color: var(--navy); border-color: var(--navy); }
+.primary-nav a.is-flag { color: var(--sale); }
+.header-actions { display: flex; align-items: center; gap: 16px; }
+.header-actions a { display: inline-flex; color: var(--ink); }
+.header-actions a:hover { color: var(--navy); }
+.header-actions svg { width: 24px; height: 24px; stroke: currentColor; fill: none; stroke-width: 1.8; }
+.hamburger { display: none; flex-direction: column; gap: 5px; background: none; border: 0; padding: 6px; }
+.hamburger span { width: 26px; height: 2px; background: var(--ink); border-radius: 2px; }
+/* header search pill + account/cart badge (shared chrome) */
+.site-header .header-row { gap: clamp(12px, 3vw, 40px); }
+.header-search { flex: 1; max-width: 560px; position: relative; }
+.header-search input {
+  width: 100%; border: 1px solid var(--border); border-radius: 999px;
+  padding: 11px 46px 11px 18px; font-size: .9rem; background: #fff; color: var(--ink);
+}
+.header-search input::placeholder { color: var(--muted); }
+.header-search button { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); background: none; border: 0; padding: 6px; }
+.header-search svg { width: 20px; height: 20px; stroke: var(--navy); fill: none; stroke-width: 2; }
+.header-actions .cart { position: relative; }
+.header-actions .cart .count {
+  position: absolute; top: -6px; right: -8px; background: var(--navy); color: #fff;
+  font-size: .62rem; font-weight: 700; min-width: 16px; height: 16px; border-radius: 999px;
+  display: grid; place-items: center; padding: 0 4px;
+}
+/* primary nav: NEW badge + dropdown carets + second-row nav bar (shared chrome) */
+.primary-nav a .new-badge {
+  display: inline-block; background: var(--sale); color: #fff; font-size: .58rem; font-weight: 800;
+  letter-spacing: .06em; padding: 2px 5px; border-radius: 4px; margin-left: 6px; vertical-align: middle;
+}
+.primary-nav a .caret { font-size: .7em; margin-left: 4px; opacity: .7; }
+.primary-nav-bar { border-top: 1px solid var(--border); background: #fff; }
+.primary-nav-bar .container { padding-block: 4px; }
+.primary-nav-bar .primary-nav > ul { gap: clamp(10px, 1.4vw, 20px); }
+.primary-nav-bar .primary-nav a { padding-block: 10px; }
+/* --- Section headers ------------------------------------------------------ */
+.sec-head { text-align: center; max-width: 62ch; margin: 0 auto clamp(1.5rem, 3vw, 2.5rem); }
+.sec-head .eyebrow { display: inline-block; font-family: var(--font-display); font-weight: 700; font-size: .78rem; letter-spacing: .12em; text-transform: uppercase; color: var(--navy); margin-bottom: .55rem; }
+.sec-head p { margin-top: .7rem; font-size: 1.02rem; }
+.sec-head--between { display: flex; align-items: baseline; justify-content: space-between; text-align: left; max-width: none; gap: 16px; }
+.link-more { font-family: var(--font-display); font-weight: 600; color: var(--navy); white-space: nowrap; }
+.link-more:hover { text-decoration: underline; }
+/* --- Brand / category tile grid ------------------------------------------- */
+.tile-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(12px, 1.6vw, 20px); }
+.tile {
+  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px;
+  background: #fff; border: 1px solid var(--border); border-radius: var(--radius-lg);
+  padding: 26px 18px; min-height: 148px; text-align: center; transition: transform .14s, box-shadow .14s, border-color .14s;
+}
+.tile:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); border-color: var(--surface-2); }
+.tile img { max-height: 66px; width: auto; object-fit: contain; }
+.tile span { font-family: var(--font-display); font-weight: 600; font-size: .95rem; color: var(--ink); }
+/* --- Category cards (shop by category) ------------------------------------ */
+.cat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(14px, 2vw, 24px); }
+.cat-card {
+  position: relative; display: flex; align-items: flex-end; overflow: hidden;
+  min-height: 190px; border-radius: var(--radius-lg); color: #fff;
+  background: linear-gradient(135deg, var(--navy), var(--navy-ink));
+  padding: 22px; transition: transform .14s, box-shadow .14s;
+}
+.cat-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg); }
+.cat-card::after { content: "→"; position: absolute; top: 20px; right: 22px; font-size: 1.3rem; opacity: .85; }
+.cat-card h3 { color: #fff; font-size: 1.35rem; }
+.cat-card p { color: rgba(255, 255, 255, .82); margin-top: 4px; font-size: .9rem; }
+/* --- Compliance strip (source-copied legal text; not fabricated) ---------- */
+.compliance-strip { background: var(--surface-2); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
+.compliance-strip .container { padding-block: 14px; }
+.compliance-strip p { color: var(--navy-ink); font-size: .82rem; font-weight: 600; text-align: center; letter-spacing: .01em; }
+/* --- Footer --------------------------------------------------------------- */
+.site-footer { background: var(--navy-ink); color: #dbe4fb; padding-block: clamp(2.5rem, 5vw, 4rem) 1.5rem; }
+.footer-grid { display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: clamp(24px, 4vw, 56px); }
+.footer-brand img { height: 40px; filter: brightness(0) invert(1); opacity: .95; }
+.footer-brand p { color: #a9b8e6; margin-top: 14px; font-size: .9rem; max-width: 34ch; }
+.footer-col h4 { color: #fff; font-size: .82rem; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 14px; }
+.footer-col ul { display: flex; flex-direction: column; gap: 9px; }
+.footer-col a { color: #c3cff0; font-size: .92rem; }
+.footer-col a:hover { color: #fff; text-decoration: underline; }
+.footer-warning { margin-top: 34px; padding: 16px 18px; border: 1px solid rgba(255, 255, 255, .22); border-radius: var(--radius); }
+.footer-warning strong { color: #fff; }
+.footer-warning p { color: #c3cff0; font-size: .82rem; }
+.footer-bottom { margin-top: 28px; padding-top: 18px; border-top: 1px solid rgba(255, 255, 255, .16); display: flex; flex-wrap: wrap; gap: 10px 24px; justify-content: space-between; align-items: center; }
+.footer-bottom p, .footer-bottom a { color: #93a4d6; font-size: .82rem; }
+/* --- Reveal-on-scroll ----------------------------------------------------- */
+.reveal { opacity: 0; transform: translateY(18px); transition: opacity .5s ease, transform .5s ease; }
+.reveal.in { opacity: 1; transform: none; }
+/* --- Responsive ----------------------------------------------------------- */
+@media (max-width: 900px) {
+  .header-search { order: 3; flex-basis: 100%; max-width: none; }
+  .utility-nav ul { gap: 12px; }
+}
+@media (max-width: 1000px) {
+  .tile-grid { grid-template-columns: repeat(3, 1fr); }
+}
+@media (max-width: 860px) {
+  .primary-nav { position: fixed; inset: 0 0 0 auto; width: min(80vw, 320px); background: #fff; box-shadow: var(--shadow-lg); transform: translateX(100%); transition: transform .25s ease; padding: 80px 24px 24px; overflow-y: auto; }
+  .primary-nav.open { transform: none; }
+  .primary-nav > ul { flex-direction: column; align-items: stretch; gap: 4px; }
+  .primary-nav a { display: block; padding: 12px 4px; border-bottom: 1px solid var(--border); }
+  .hamburger { display: flex; }
+  .cat-grid { grid-template-columns: 1fr 1fr; }
+  .footer-grid { grid-template-columns: 1fr 1fr; }
+}
+@media (max-width: 560px) {
+  .tile-grid { grid-template-columns: repeat(2, 1fr); }
+  .cat-grid { grid-template-columns: 1fr; }
+  .footer-grid { grid-template-columns: 1fr; }
+}