/*
Theme Name: GeneratePress Child - NepalTechHub
Theme URI: https://www.nepaltechhub.com
Description: NepalTechHub child theme for GeneratePress - price comparison, reviews, compare tools, rewards.
Author: Nepal Tech Hub
Template: generatepress
Version: 5.46.4
Text Domain: nepaltechhub
*/
/* v5.46.4 (2026-09-08): Phase 28B.5 cascade-preserving monolith decomposition.
   - splits the stable Air Conditioner / Washing Machine / TV single-page slice
     into one conditionally enqueued cacheable stylesheet;
   - moves the remaining historical suffix into an ordered cacheable tail asset;
   - preserves original cascade order: style.css -> conditional appliance slice
     -> legacy tail -> Phase 28A navigation/hero asset;
   - introduces no CSS @import and changes no product/data/Commerce behavior. */

/* v5.46.3 (2026-09-08): Phase 28B.4 explicit light-first theme-mode contract.
   - removes the historical partial prefers-color-scheme:dark token/component override;
   - declares one supported browser color scheme (light) through the canonical registry;
   - prevents OS dark preference from producing mixed light/dark public surfaces;
   - leaves forced-colors/high-contrast behavior untouched and changes no layout/data logic. */

/* v5.46.2 (2026-09-08): Phase 28B.3 product-family token normalization.
   - migrates refrigerator, tablet, headphone, speaker, smartwatch, camera,
     air-conditioner, washing-machine and TV family CSS to canonical semantic tokens;
   - preserves historical compatibility roots so the partial dark-mode cascade is not
     changed before the dedicated Phase 28B.4 theme-mode contract;
   - replaces repeated family literals only where exact computed values are proven;
   - keeps selectors, layout, image fit, motion and product/Commerce behavior unchanged. */

/* v5.46.1 (2026-09-08): Phase 28B.2 shared component token migration.
   - migrates body/global surfaces, links, shared cards, buttons/forms, spec tables,
     badges, utility text and shell/container primitives to canonical semantic tokens;
   - adds exact-value compatibility tokens for strong borders, subtle surfaces,
     control/card shadows, focus rings and the historical 18px shell gutter;
   - preserves computed light/dark visuals and leaves product-family token blocks
     for the dedicated Phase 28B.3 normalization slice. */

/* v5.46.0 (2026-09-08): Phase 28B CSS architecture/token cleanup foundation.
   - introduces a canonical semantic token registry without changing computed visuals;
   - preserves legacy variables as compatibility sources during staged migration;
   - adds spacing/shape/elevation/focus/motion scales for component-by-component cleanup;
   - keeps dark-mode behavior unchanged pending its dedicated contract audit. */

/* v5.45.0 (2026-09-08): Phase 27F full-theme reliability/security hardening.
   - folds Phase 26D link-only monitoring and +/Plus identity protection into canonical files;
   - rotates affiliate remote probes across the full offer set and enforces HTTPS/domain allowlists;
   - pins monitoring to the offer's actual affiliate program and primes scan caches;
   - narrows bulk auto-link approval to exact SKU / exact brand+model candidates;
   - fixes Best Phones v2 cache invalidation;
   - moves one-time schema/rewrite/cleanup mutations behind owner-only non-AJAX admin gates;
   - replaces the stale duplicate Commerce seller-offers implementation with a canonical compatibility shim;
   - removes dead homepage helper shadows that could reintroduce load-order drift. */

/* v5.44.0 (2026-09-06): Phase 26B homepage card/media/review/trending final polish.
   - suppresses AdSense ad-intent annotations on the homepage while preserving manual ad slots;
   - fixes mobile editorial mini-card thumbnails being stretched by the global review min-height rule;
   - reduces Trending to an intentional Top 3 and gives #1 a premium mobile lead-card treatment;
   - keeps verified source detail on desktop while hiding only the overflowing source suffix on narrow cards;
   - removes consumer-facing "Review specs" wording from price-outlier cards and tightens launch/card geometry. */

/* v5.43.0 (2026-09-06): Phase 27E active-renderer/homepage closeout.
   - moves homepage truth/seller/outlier hierarchy into the actually active shared product-card renderer;
   - removes the dead duplicate front-page card implementation;
   - preserves responsive srcset/eager-LCP behavior and primes card caches;
   - adds ranked Top 6 Trending with #1/#2/#3 visual priority;
   - adds accessible rotating hero value text and richer editorial review cards;
   - synchronizes hero freshness cache namespace/invalidation/Release Health contract at v7. */

/* v5.42.0 (2026-09-06): Phase 27D homepage decision/truth hierarchy.
   - lifecycle availability badges on product cards;
   - verified seller-count context from public-safe structured seller offers;
   - contextual Best verified price / MRP / pending / no-active-price states;
   - card CTA adapts to price, seller and lifecycle state;
   - homepage-only high-risk price guard suppresses Best>MRP contradictions and extreme category outliers;
   - Live Price Pulse uses canonical public Price Truth and excludes guarded outliers;
   - no database/product writes; underlying catalogue truth remains unchanged. */

/* v5.41.0 (2026-09-06): Phase 27C homepage compact-media/truth fix.
   - product media wells shortened by category across desktop/tablet/mobile;
   - object-fit:contain retained; no image cropping introduced;
   - accessory/appliance pack-shots constrained so cards no longer dominate the viewport;
   - Phase 27B laptop hover zoom removed;
   - canonical public Price Truth now fails closed: non-current prices never fall back to raw primary-price output;
   - lower discovery/launch/trust sections slightly compacted. */

/* v5.40.0 (2026-09-06): Homepage trust/media regression polish.
   - canonical price-verification state shown on product cards without exposing suppressed values;
   - laptop/TV/camera media wells tuned from screenshot evidence while phone sizing stays unchanged;
   - Launch Tracker, budget/brand discovery and trust sections get stronger visual hierarchy;
   - lower-page trust/status emoji accents remain decorative and accessibility-safe. */

/* v5.39.0 (2026-09-06): Homepage visual system + card/media polish.
   - hero live-price pulse uses existing verified evidence instead of empty space;
   - 4-column desktop card rhythm, category-aware image wells and compare action;
   - restrained multi-accent colour system + accessible decorative emoji;
   - homepage ads moved out of the buying-tools block and visibly separated. */
/* v5.38.14 (2026-09-05): Homepage + professional navigation closeout.
   - homepage/header CSS and JS moved to cacheable conditional assets;
   - primary IA simplified to Products / Price Finder / Compare / Reviews;
   - homepage proof strip now requires current price-source evidence;
   - legacy dynamic menu mutations are bypassed while managed nav is active. */
/* v4.6 (2026-07-27): REQUIRED WordPress child-theme header added (was missing
   entirely - Appearance screen would show this theme as broken and it could
   never be re-activated). Also removed 62 exact-duplicate CSS rules (~8 KB)
   - later identical copies only, so the cascade result is unchanged. */

/* NepalTechHub — Final Pro CSS (Improved, accessible, performance) */

/* =========================================================
 * PHASE 28B CANONICAL TOKENS - compatibility-first foundation
 *
 * These aliases intentionally read from the proven legacy variables so this
 * slice changes architecture, not computed visuals. Legacy variables remain
 * in place until component-by-component migration is visually accepted.
 * ========================================================= */
:root{
  /* semantic colors */
  --nth-color-brand:var(--brand,#1d4ed8);
  --nth-color-brand-strong:var(--brand-dark,#1e40af);
  --nth-color-bg:var(--bg,#f8fafc);
  --nth-color-surface:var(--card,#ffffff);
  --nth-color-text:var(--ink,#0f172a);
  --nth-color-muted:var(--muted,#64748b);
  --nth-color-border:var(--border,#e2e8f0);
  --nth-color-success:#059669;
  --nth-color-warning:#d97706;
  --nth-color-danger:#dc2626;
  --nth-color-info:#2563eb;
  --nth-color-star:#f59e0b;
  --nth-color-inverse:#ffffff;
  --nth-color-brand-soft:#eef2ff;
  --nth-color-brand-border:#dbeafe;
  --nth-color-border-strong:#cbd5e1;
  --nth-color-surface-muted:#f1f5f9;
  --nth-color-surface-soft:#fafbff;
  --nth-color-border-subtle:#e5e7eb;
  --nth-color-info-soft:#eff6ff;
  --nth-color-text-secondary:#334155;
  --nth-color-success-strong:#16a34a;
  --nth-color-danger-strong:#ef4444;

  /* spacing scale */
  --nth-space-1:4px;
  --nth-space-2:8px;
  --nth-space-3:12px;
  --nth-space-4:16px;
  --nth-space-5:20px;
  --nth-space-6:24px;
  --nth-space-7:28px;
  --nth-space-8:32px;

  /* shape */
  --nth-radius-sm:8px;
  --nth-radius-md:10px;
  --nth-radius-lg:var(--radius,14px);
  --nth-radius-xl:18px;
  --nth-radius-pill:999px;

  /* elevation / layout */
  --nth-shadow-card:var(--shadow,0 4px 12px -6px rgba(2,6,23,.06),0 2px 4px -4px rgba(2,6,23,.04));
  --nth-shadow-raised:0 10px 28px rgba(15,23,42,.06);
  --nth-container-max:var(--container,1400px);
  --nth-shadow-card-hover:0 10px 20px rgba(0,0,0,.05);
  --nth-shadow-control:0 6px 16px rgba(29,78,216,.12);
  --nth-shell-gutter:18px;
  --nth-shadow-family-card:0 6px 18px rgba(15,23,42,.04);
  --nth-shadow-family-hover:0 12px 24px rgba(0,0,0,.06);

  /* interaction */
  --nth-focus-ring-color:rgba(37,99,235,.18);
  --nth-focus-ring-control:rgba(29,78,216,.12);
  --nth-focus-ring-default:rgba(37,99,235,.14);
  --nth-motion-fast:.18s ease;
  --nth-motion-base:.22s ease;
  --nth-theme-color-scheme:light;
}

/* 1. TOKENS & RESET */
:root{
  --brand:#1d4ed8;
  --brand-dark:#1e40af;
  --bg:#f8fafc;
  --card:#ffffff;
  --ink:#0f172a;
  --muted:#64748b;
  --border:#e2e8f0;
  --radius:14px;
  --shadow:0 4px 12px -6px rgba(2,6,23,0.06),0 2px 4px -4px rgba(2,6,23,0.04);
  --container:1400px;
}

/* =========================================================
 * PHASE 28B.2 SHARED COMPONENT TOKEN MIGRATION
 * body/global surface -> links -> cards -> buttons/forms -> spec tables ->
 * badges -> utility text -> shell/container. Values remain visually identical.
 * ========================================================= */
/* Basic layout & body */
html{color-scheme:var(--nth-theme-color-scheme);scroll-behavior:smooth}
body{
  background:var(--nth-color-bg);
  color:var(--nth-color-text);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* Links */
a{color:var(--nth-color-brand);text-decoration:none;transition:color var(--nth-motion-fast)}
a:hover,a:focus{color:var(--nth-color-brand-strong)}

/* 2. CONTAINER + CARDS */
.nth-container{max-width:var(--nth-container-max);margin:0 auto;padding:0 var(--nth-shell-gutter)}

.nth-card,
.inside-article,
.nth-review-item{
  background:var(--nth-color-surface);
  border:1px solid var(--nth-color-border);
  border-radius:var(--nth-radius-lg);
  box-shadow:var(--nth-shadow-card);
  padding:var(--nth-space-4);
  margin-bottom:var(--nth-space-5);
  transition:transform var(--nth-motion-base),box-shadow var(--nth-motion-base),border-color var(--nth-motion-base);
  will-change:transform;
}

/* Hover effect (reduced motion safe) */
@media (prefers-reduced-motion: no-preference){
  .nth-card:hover{transform:translateY(-4px);box-shadow:var(--nth-shadow-card-hover);border-color:var(--nth-color-brand)}
}

/* 3. BUTTONS & FORMS */
button,.button,input[type=submit],.wp-block-button__link{
  background:var(--nth-color-brand);
  color:var(--nth-color-inverse)!important;
  border:0;
  border-radius:var(--nth-radius-pill);
  padding:var(--nth-space-3) var(--nth-space-6);
  font-weight:800;
  cursor:pointer;
  box-shadow:var(--nth-shadow-control);
  display:inline-block;
}

button:hover,.button:hover{background:var(--nth-color-brand-strong);transform:scale(1.02)}
button:focus,.button:focus{outline:3px solid var(--nth-focus-ring-control);outline-offset:3px}
button[disabled],.button[disabled]{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}

input,select,textarea{
  width:100%;
  padding:var(--nth-space-3);
  border:1px solid var(--nth-color-border-strong);
  border-radius:var(--nth-radius-md);
  background:var(--nth-color-surface);
  box-sizing:border-box;
  font-size:14px;
}

/* Focus visible for accessibility */
:focus-visible{outline:3px solid var(--nth-focus-ring-default);outline-offset:3px}

/* 4. MODERN SPEC TABLES */
.nth-spec-table, table.nth-spec-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--nth-color-border);border-radius:var(--nth-radius-lg);overflow:hidden;margin:var(--nth-space-5) 0}
.nth-spec-table th,.nth-spec-table td{padding:var(--nth-space-3) 15px;border-bottom:1px solid var(--nth-color-border);font-size:14px}
.nth-spec-table thead th{background:var(--nth-color-surface-muted);font-weight:900}
.nth-spec-table tr td:first-child{background:var(--nth-color-surface-soft);font-weight:700;width:30%;color:var(--nth-color-muted);border-right:1px solid var(--nth-color-border)}
.nth-spec-table tr:last-child td{border-bottom:none}

/* Make generic tables safer by scoping to .nth- (avoids global theme clobbering) */
table:not(.nth-spec-table){max-width:100%;}

/* 5. REWARDS & MISSIONS UI */
.nth-reward-box{background:linear-gradient(110deg,#1d4ed8,#2563eb);color:#fff;padding:20px;border-radius:var(--radius);margin-bottom:20px}
.nth-badge{display:inline-block;padding:var(--nth-space-1) var(--nth-space-3);border-radius:var(--nth-radius-pill);background:var(--nth-color-brand-soft);color:var(--nth-color-brand);font-size:12px;font-weight:700;border:1px solid var(--nth-color-brand-border);margin:2px}
.nth-bar{height:10px;background:#e2e8f0;border-radius:10px;overflow:hidden;margin:10px 0}
.nth-bar span{display:block;height:100%;background:var(--brand);transition:width .5s ease}

/* 6. QUIZ & REVIEWS */
.nth-quiz{border:2px solid var(--border);border-radius:var(--radius);padding:20px}
.review-stars-display{color:var(--nth-color-star);font-size:18px;margin-bottom:var(--nth-space-2)}
.star.full{color:var(--nth-color-star)}
.star.empty{color:var(--nth-color-border-strong)}

/* 7. ADS & CLS SAFETY — Phase 14B-3 + v5.34
   Manual ad density stays content-first: two homepage slots, one archive slot,
   three deliberately separated product-detail positions, and length-aware
   in-article units on editorial posts. On product pages the first slot requests
   immediately while Mid/Bottom are near-viewport deferred. Direct sponsorship
   replaces the matching AdSense slot instead of adding density. */
.nth-adsense-wrap,.nth-ad-shortcode{width:100%;max-width:100%;text-align:center;clear:both;box-sizing:border-box}
.nth-adsense-wrap{margin:18px 0 24px}
.nth-ad-shortcode{margin:20px 0 24px}
.nth-ad-auto{margin-block:22px 26px}
.nth-adsense-wrap .adsbygoogle,.nth-ad-shortcode .adsbygoogle{display:block;width:100%;max-width:100%;margin:0;box-sizing:border-box}
.nth-ad-reserve--compact{min-height:90px}
.nth-ad-reserve--content{min-height:250px}
/* v5.34: Top/Bottom product inventory is banner-shaped; Mid retains the larger
   responsive reservation. This mirrors the 970×90 / 320×100 sponsor inventory
   and keeps the surrounding editorial/product content visually dominant. */
.nth-ad-reserve--product-horizontal{min-height:100px}
.nth-product-ad-slot{width:100%;max-width:970px;margin-left:auto;margin-right:auto}
/* v5.34.1: mobile evidence showed AdSense could choose a 428x428 square even
   when data-ad-format=horizontal. Top/Bottom now use Google's documented
   exact-size responsive pattern so high-visibility product ads stay banner-
   shaped and content-first. Mid remains fully responsive/deferred. */
.nth-product-adsense-banner{width:300px!important;height:100px!important;max-width:100%!important;margin:0 auto!important}
@media (min-width:340px){.nth-product-adsense-banner{width:320px!important;height:100px!important}}
@media (min-width:500px){.nth-product-adsense-banner{width:468px!important;height:60px!important}}
@media (min-width:800px){.nth-product-adsense-banner{width:728px!important;height:90px!important}}
.nth-product-ad-slot--top{margin-top:22px;margin-bottom:30px}
.nth-product-ad-slot--mid{margin-top:28px;margin-bottom:30px}
.nth-product-ad-slot--bottom{margin-top:30px;margin-bottom:26px}
.nth-ad-container{min-height:250px;display:block;box-sizing:border-box}
.nth-ad-placeholder{display:flex;align-items:center;justify-content:center;color:var(--nth-color-muted);height:100%;padding:var(--nth-space-3);text-align:center}
@media (max-width:767px){
  .nth-ad-reserve--compact,.nth-ad-reserve--product-horizontal{min-height:100px}
  .nth-adsense-wrap{margin:14px 0 20px}
  .nth-product-ad-slot--top{margin-top:18px;margin-bottom:24px}
  .nth-product-ad-slot--mid{margin-top:24px;margin-bottom:26px}
  .nth-product-ad-slot--bottom{margin-top:26px;margin-bottom:22px}
  .nth-ad-shortcode,.nth-ad-auto{margin:18px 0 22px}
}

/* 8. SMALL UTILITIES */
.text-muted{color:var(--nth-color-muted)}
.kv{font-size:13px;color:var(--nth-color-muted)}

/* 9. MOBILE RESPONSIVE */
@media (max-width:768px){
  .nth-card{padding:var(--nth-space-3)}
  h1{font-size:24px}
  .nth-spec-table tr td:first-child{width:40%;padding:10px}
  .nth-container{padding:0 var(--nth-space-3)}
}

/* =========================================================
 * PHASE 28B.4 EXPLICIT LIGHT-FIRST THEME-MODE CONTRACT
 *
 * NepalTechHub currently ships one fully supported visual scheme: light.
 * Browser/OS dark preference must not partially mutate tokens or components.
 * Reintroduce dark mode only as a complete, explicitly tested sitewide scheme.
 * ========================================================= */
/* 10. THEME MODE
   Native controls inherit the explicit light color-scheme from html. High-
   contrast/forced-colors behavior is intentionally left to the user agent. */

/* 11. Reduced motion preference */
@media (prefers-reduced-motion: reduce){
  :root{scroll-behavior:auto}
  *{transition:none!important;animation:none!important}
}


#nth-user-rating-input .stars-input-container{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
}

#nth-user-rating-input .star{
  border:none;
  background:transparent;
  padding:0;
  margin:0;
  cursor:pointer;
  font-size:28px;
  line-height:1;
  color:#cbd5e1;
  transition:transform .15s ease,color .15s ease,opacity .15s ease;
}

#nth-user-rating-input .star:hover{
  transform:scale(1.08);
}

#nth-user-rating-input .star.hovered,
#nth-user-rating-input .star.rated{
  color:#f59e0b;
}

#nth-user-rating-input .star.is-disabled{
  cursor:not-allowed;
  opacity:.7;
}

#nth-user-rating-input .rating-message{
  display:inline-block;
  margin-left:10px;
  font-size:14px;
  font-weight:700;
  color:#64748b;
}

#nth-user-rating-input .rating-message.success{
  color:#059669;
}

#nth-user-rating-input .rating-message.error{
  color:#dc2626;
}

#nth-user-rating-input .rating-message.is-loading{
  color:#2563eb;
}

#nth-user-rating-input.is-submitting .stars-input-container{
  opacity:.9;
}


/* =========================================================
 * PHASE 28B.3 PRODUCT-FAMILY TOKEN NORMALIZATION
 * Exact-value token migration only; selectors/layout remain unchanged.
 * Legacy family roots stay temporarily for dark-mode/cascade compatibility.
 * ========================================================= */

/* =========================================
   NepalTechHub — Single Refrigerators CSS
   Add this to style.css
========================================= */

:root{
  --nth-ink:var(--nth-color-text);
  --nth-muted:var(--nth-color-muted);
  --nth-line:var(--nth-color-border-subtle);
  --nth-bg:var(--nth-color-bg);
  --nth-card:var(--nth-color-surface);
  --nth-accent:var(--nth-color-info);
  --nth-accent-soft:var(--nth-color-info-soft);
  --nth-green:var(--nth-color-success);
  --nth-radius:18px;
  --nth-shadow:0 10px 28px rgba(15,23,42,.06);
}

.nth-fridge-page .nth-wrap{
  max-width:var(--nth-container-max);
  margin:24px auto;
  padding:0 16px 40px;
}

.nth-fridge-page .breadcrumb,
.nth-fridge-page nav.breadcrumb{
  margin:0 0 14px;
  font-size:13px;
  color:var(--nth-color-muted);
}

.nth-fridge-page .nth-hero{
  display:grid;
  grid-template-columns:minmax(280px,420px) minmax(0,1fr);
  gap:22px;
  align-items:start;
  background:linear-gradient(135deg,#eef4ff 0%, #effaf6 100%);
  border:1px solid var(--nth-color-border-subtle);
  border-radius:22px;
  padding:20px;
  box-shadow:var(--nth-shadow-raised);
}

.nth-fridge-page .nth-media-card{
  background:var(--nth-color-surface);
  border:1px solid var(--nth-color-border-subtle);
  border-radius:18px;
  overflow:hidden;
}

.nth-fridge-page .nth-media-frame{
  aspect-ratio:16/12;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--nth-color-bg);
}

.nth-fridge-page .nth-media-frame img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  background:var(--nth-color-surface);
}

.nth-fridge-page .nth-title{
  margin:0;
  font-size:34px;
  line-height:1.18;
  font-weight:800;
  color:var(--nth-color-text);
}

.nth-fridge-page .nth-sub{
  margin:10px 0 0;
  color:var(--nth-color-muted);
  line-height:1.7;
  font-size:15px;
}

.nth-fridge-page .nth-meta{
  list-style:none;
  padding:0;
  margin:14px 0 0;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.nth-fridge-page .nth-meta li{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background:var(--nth-color-surface);
  border:1px solid var(--nth-color-border-subtle);
  color:var(--nth-color-text);
  font-size:13px;
  font-weight:700;
}

.nth-fridge-page .nth-status{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:var(--nth-color-surface);
  border:1px solid var(--nth-color-border-subtle);
  font-size:13px;
  font-weight:800;
  margin-bottom:12px;
}

.nth-fridge-page .nth-status .dot{
  width:8px;
  height:8px;
  border-radius:50%;
  display:inline-block;
}

.nth-fridge-page .nth-status.listed{
  color:#166534;
  border-color:#bbf7d0;
  background:#f0fdf4;
}
.nth-fridge-page .nth-status.listed .dot{
  background:var(--nth-color-success-strong);
}

.nth-fridge-page .nth-status.soon{
  color:#92400e;
  border-color:#fde68a;
  background:var(--nth-color-surface)beb;
}
.nth-fridge-page .nth-status.soon .dot{
  background:var(--nth-color-star);
}

.nth-fridge-page .nth-status.not{
  color:#991b1b;
  border-color:#fecaca;
  background:#fef2f2;
}
.nth-fridge-page .nth-status.not .dot{
  background:var(--nth-color-danger-strong);
}

.nth-fridge-page .nth-price-strip{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:12px;
  margin-top:18px;
}

.nth-fridge-page .nth-price-card{
  background:var(--nth-color-surface);
  border:1px solid var(--nth-color-border-subtle);
  border-radius:16px;
  padding:14px;
  box-shadow:var(--nth-shadow-family-card);
}

.nth-fridge-page .nth-price-card .label{
  display:block;
  font-size:13px;
  color:var(--nth-color-muted);
  font-weight:700;
  margin-bottom:6px;
}

.nth-fridge-page .nth-price-card .value{
  display:block;
  font-size:22px;
  color:var(--nth-color-info);
  font-weight:800;
  line-height:1.2;
}

.nth-fridge-page .nth-action-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}

.nth-fridge-page .nth-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 16px;
  border-radius:12px;
  border:1px solid var(--nth-color-border-subtle);
  background:var(--nth-color-surface);
  color:var(--nth-color-text);
  text-decoration:none;
  font-weight:800;
  transition:.2s ease;
}

.nth-fridge-page .nth-btn:hover{
  background:var(--nth-color-info);
  border-color:var(--nth-color-info);
  color:var(--nth-color-surface);
  text-decoration:none;
}

.nth-fridge-page .nth-btn.primary{
  background:var(--nth-color-info);
  border-color:var(--nth-color-info);
  color:var(--nth-color-surface);
}

.nth-fridge-page .nth-btn.primary:hover{
  background:#1d4ed8;
  border-color:#1d4ed8;
}

.nth-fridge-page .nth-phone-extra-specs{
  display:grid;
  gap:18px;
  margin-top:22px;
}

.nth-fridge-page .nth-sec{
  margin-top:26px;
}

.nth-fridge-page .nth-sec h2{
  margin:0 0 12px;
  font-size:24px;
  line-height:1.25;
  color:var(--nth-color-text);
  font-weight:800;
}

.nth-fridge-page .nth-extra-sec{
  margin-top:0;
}

.nth-fridge-page .nth-extra-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.nth-fridge-page .nth-extra-grid > div{
  background:var(--nth-color-surface);
  border:1px solid var(--nth-color-border-subtle);
  border-radius:16px;
  padding:14px;
  color:var(--nth-color-text);
  line-height:1.65;
  box-shadow:var(--nth-shadow-raised);
}

.nth-fridge-page .nth-kv{
  color:var(--nth-color-muted);
  line-height:1.75;
  font-size:15px;
}

.nth-fridge-page .nth-two-col{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.nth-fridge-page .nth-card{
  background:var(--nth-color-surface);
  border:1px solid var(--nth-color-border-subtle);
  border-radius:18px;
  padding:16px;
  box-shadow:var(--nth-shadow-raised);
}

.nth-fridge-page .nth-card ul{
  margin:10px 0 0 18px;
  padding:0;
}

.nth-fridge-page .nth-card li{
  margin:7px 0;
  color:var(--nth-color-text);
  line-height:1.6;
}

.nth-fridge-page .nth-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  overflow:hidden;
  border:1px solid var(--nth-color-border-subtle);
  border-radius:18px;
  background:var(--nth-color-surface);
  box-shadow:var(--nth-shadow-raised);
}

.nth-fridge-page .nth-table th,
.nth-fridge-page .nth-table td{
  padding:14px 16px;
  border-bottom:1px solid var(--nth-color-border-subtle);
  text-align:left;
  vertical-align:top;
  line-height:1.6;
}

.nth-fridge-page .nth-table th{
  width:34%;
  color:var(--nth-color-text);
  background:#f8fbff;
  font-weight:800;
}

.nth-fridge-page .nth-table td{
  color:var(--nth-color-muted);
}

.nth-fridge-page .nth-table tr:last-child th,
.nth-fridge-page .nth-table tr:last-child td{
  border-bottom:none;
}

.nth-fridge-page .nth-gallery{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:14px;
}

.nth-fridge-page .nth-gallery img{
  width:100%;
  height:220px;
  object-fit:contain;
  border-radius:16px;
  border:1px solid var(--nth-color-border-subtle);
  background:var(--nth-color-surface);
  padding:10px;
  box-shadow:var(--nth-shadow-raised);
}

.nth-fridge-page .nth-faq{
  background:var(--nth-color-surface);
  border:1px solid var(--nth-color-border-subtle);
  border-radius:16px;
  padding:14px 16px;
  margin-bottom:10px;
  box-shadow:var(--nth-shadow-raised);
}

.nth-fridge-page .nth-faq summary{
  cursor:pointer;
  color:var(--nth-color-text);
  font-weight:800;
  line-height:1.5;
}

.nth-fridge-page .nth-related{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

.nth-fridge-page .nth-related-card{
  display:flex;
  flex-direction:column;
  text-decoration:none;
  background:var(--nth-color-surface);
  border:1px solid var(--nth-color-border-subtle);
  border-radius:18px;
  overflow:hidden;
  box-shadow:var(--nth-shadow-raised);
  transition:.2s ease;
}

.nth-fridge-page .nth-related-card:hover{
  transform:translateY(-4px);
}

.nth-fridge-page .nth-related-thumb{
  aspect-ratio:4/3;
  background:var(--nth-color-bg);
  display:flex;
  align-items:center;
  justify-content:center;
}

.nth-fridge-page .nth-related-thumb img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  background:var(--nth-color-surface);
}

.nth-fridge-page .nth-related-body{
  padding:14px;
}

.nth-fridge-page .nth-related-body h3{
  margin:0;
  font-size:17px;
  line-height:1.45;
  color:var(--nth-color-text);
  font-weight:800;
}

.nth-fridge-page .nth-related-price{
  margin-top:8px;
  color:var(--nth-color-info);
  font-weight:800;
  font-size:15px;
}

.nth-fridge-page .nth-review{
  background:var(--nth-color-surface);
  border:1px solid var(--nth-color-border-subtle);
  border-radius:16px;
  padding:14px;
  box-shadow:var(--nth-shadow-raised);
  margin-bottom:12px;
}

.nth-fridge-page .comment-respond,
.nth-fridge-page #respond{
  background:var(--nth-color-surface);
  border:1px solid var(--nth-color-border-subtle);
  border-radius:18px;
  padding:16px;
  box-shadow:var(--nth-shadow-raised);
}

.nth-fridge-page .comment-form input[type="text"],
.nth-fridge-page .comment-form input[type="email"],
.nth-fridge-page .comment-form input[type="url"],
.nth-fridge-page .comment-form textarea{
  width:100%;
  border:1px solid var(--nth-color-border-subtle);
  border-radius:12px;
  padding:12px 14px;
  background:var(--nth-color-surface);
  color:var(--nth-color-text);
}

.nth-fridge-page .comment-form textarea{
  min-height:140px;
  resize:vertical;
}

.nth-fridge-page .comment-form input[type="submit"]{
  border:none;
  border-radius:12px;
  background:var(--nth-color-info);
  color:var(--nth-color-surface);
  padding:12px 18px;
  font-weight:800;
  cursor:pointer;
}

@media (max-width: 991px){
  .nth-fridge-page .nth-hero{
    grid-template-columns:1fr;
  }

  .nth-fridge-page .nth-extra-grid,
  .nth-fridge-page .nth-two-col,
  .nth-fridge-page .nth-related{
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width: 767px){
  .nth-fridge-page .nth-wrap{
    padding:0 12px 32px;
  }

  .nth-fridge-page .nth-title{
    font-size:28px;
  }

  .nth-fridge-page .nth-extra-grid,
  .nth-fridge-page .nth-two-col,
  .nth-fridge-page .nth-related{
    grid-template-columns:1fr;
  }

  .nth-fridge-page .nth-table th,
  .nth-fridge-page .nth-table td{
    display:block;
    width:100%;
  }

  .nth-fridge-page .nth-table th{
    border-bottom:none;
    padding-bottom:6px;
  }

  .nth-fridge-page .nth-table td{
    padding-top:0;
  }
}


/* =========================================
   NepalTechHub — Single Tablets CSS
   Add this to style.css
========================================= */

/* Shared by: Tablets, Headphones, Speakers, Smartwatches, Cameras sections below
   (previously this exact 7-variable block was pasted 5 times — v4.12 keeps one copy). */
:root{
  --muted:#64748b;
  --ink:#0f172a;
  --line:#e5e7eb;
  --accent:#2563eb;
  --bg:#f8fafc;
  --soft:#eff6ff;
  --green:#059669;
}

.nth-tablet-page{
  background:transparent;
}

.nth-tablet-page .nth-wrap{
  max-width:var(--nth-container-max);
  margin:20px auto;
  padding:16px;
}

.nth-tablet-page .breadcrumb,
.nth-tablet-page nav.breadcrumb{
  margin:0 0 10px;
  font-size:13px;
  color:var(--nth-color-muted);
}

.nth-tablet-page .nth-hero{
  display:grid;
  grid-template-columns:1fr;
  gap:20px;
  background:linear-gradient(135deg,var(--nth-color-info-soft),var(--nth-color-surface));
  padding:20px;
  border-radius:18px;
  border:1px solid var(--nth-color-border-subtle);
}

@media(min-width:920px){
  .nth-tablet-page .nth-hero{
    grid-template-columns:320px 1fr;
    align-items:start;
  }
}

.nth-tablet-page .nth-media-card{
  background:var(--nth-color-surface);
  border:1px solid var(--nth-color-border-subtle);
  border-radius:16px;
  padding:16px;
}

.nth-tablet-page .nth-media-frame{
  aspect-ratio:3/4;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--nth-color-bg);
  border-radius:14px;
  overflow:hidden;
}

.nth-tablet-page .nth-media-frame img{
  max-width:100%;
  max-height:100%;
  display:block;
  object-fit:contain;
}

.nth-tablet-page .nth-status{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 12px;
  border-radius:999px;
  border:1px solid var(--nth-color-border-subtle);
  background:var(--nth-color-surface);
  font-weight:900;
  font-size:12px;
}

.nth-tablet-page .nth-status .dot{
  width:8px;
  height:8px;
  border-radius:999px;
  display:inline-block;
}

.nth-tablet-page .nth-status.listed .dot{ background:var(--nth-color-success-strong); }
.nth-tablet-page .nth-status.soon .dot{ background:var(--nth-color-star); }
.nth-tablet-page .nth-status.not .dot{ background:var(--nth-color-danger-strong); }

.nth-tablet-page .nth-title{
  margin:12px 0 0;
  font-size:34px;
  line-height:1.2;
  font-weight:900;
  color:var(--nth-color-text);
}

.nth-tablet-page .nth-sub{
  margin:10px 0 0;
  color:var(--nth-color-muted);
  line-height:1.7;
  font-size:15px;
}

.nth-tablet-page .nth-meta{
  margin:14px 0 0;
  padding:0;
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  color:var(--nth-color-muted);
  font-size:13px;
  font-weight:700;
}

.nth-tablet-page .nth-meta li{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background:var(--nth-color-surface);
  border:1px solid var(--nth-color-border-subtle);
  color:var(--nth-color-text);
}

.nth-tablet-page .nth-price-strip{
  margin-top:16px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:12px;
}

.nth-tablet-page .nth-price-card{
  background:var(--nth-color-surface);
  border:1px solid var(--nth-color-border-subtle);
  border-radius:14px;
  padding:14px;
}

.nth-tablet-page .nth-price-card .label{
  display:block;
  font-size:12px;
  font-weight:800;
  color:var(--nth-color-muted);
  margin-bottom:6px;
}

.nth-tablet-page .nth-price-card .value{
  font-size:20px;
  font-weight:900;
  color:var(--nth-color-success);
}

.nth-tablet-page .nth-action-row{
  margin-top:16px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.nth-tablet-page .nth-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:11px 16px;
  border-radius:999px;
  border:1px solid var(--nth-color-border-subtle);
  text-decoration:none;
  color:var(--nth-color-text);
  background:var(--nth-color-surface);
  font-weight:900;
  transition:.2s;
}

.nth-tablet-page .nth-btn.primary{
  background:var(--nth-color-info);
  color:var(--nth-color-surface);
  border-color:var(--nth-color-info);
}

.nth-tablet-page .nth-btn:hover{
  background:var(--nth-color-info);
  color:var(--nth-color-surface);
  border-color:var(--nth-color-info);
  text-decoration:none;
}

.nth-tablet-page .nth-highlights{
  margin-top:16px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:10px;
}

.nth-tablet-page .nth-box{
  background:var(--nth-color-surface);
  padding:12px;
  border-radius:14px;
  border:1px solid var(--nth-color-border-subtle);
}

.nth-tablet-page .nth-box strong{
  color:var(--nth-color-text);
  display:block;
  margin-bottom:6px;
}

.nth-tablet-page .nth-kv{
  color:var(--nth-color-text-secondary);
  line-height:1.8;
  font-size:15px;
}

.nth-tablet-page .nth-sec{
  margin-top:28px;
}

.nth-tablet-page .nth-sec h2{
  margin:0 0 14px;
  font-size:28px;
  font-weight:900;
  color:var(--nth-color-text);
}

.nth-tablet-page .nth-two-col{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.nth-tablet-page .nth-card{
  background:var(--nth-color-surface);
  padding:16px;
  border-radius:16px;
  border:1px solid var(--nth-color-border-subtle);
}

.nth-tablet-page .nth-card ul{
  margin:10px 0 0 18px;
  padding:0;
}

.nth-tablet-page .nth-card li{
  margin:7px 0;
  color:var(--nth-color-text);
  line-height:1.6;
}

.nth-tablet-page .nth-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  border:1px solid var(--nth-color-border-subtle);
  background:var(--nth-color-surface);
  border-radius:16px;
  overflow:hidden;
}

.nth-tablet-page .nth-table th,
.nth-tablet-page .nth-table td{
  padding:11px 12px;
  border-bottom:1px solid var(--nth-color-surface-muted);
  text-align:left;
  vertical-align:top;
  font-size:14px;
}

.nth-tablet-page .nth-table th{
  width:34%;
  background:var(--nth-color-bg);
  font-weight:900;
  color:var(--nth-color-text);
}

.nth-tablet-page .nth-table tr:last-child th,
.nth-tablet-page .nth-table tr:last-child td{
  border-bottom:none;
}

.nth-tablet-page .nth-gallery{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  gap:12px;
}

.nth-tablet-page .nth-gallery img{
  width:100%;
  border-radius:12px;
  display:block;
  background:var(--nth-color-surface);
  border:1px solid var(--nth-color-border-subtle);
}

.nth-tablet-page .nth-faq{
  background:var(--nth-color-surface);
  border:1px solid var(--nth-color-border-subtle);
  border-radius:14px;
  padding:12px 14px;
  margin-bottom:10px;
}

.nth-tablet-page .nth-faq summary{
  cursor:pointer;
  font-weight:900;
  color:var(--nth-color-text);
}

.nth-tablet-page .nth-related{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:16px;
}

.nth-tablet-page .nth-related-card{
  text-decoration:none;
  color:inherit;
  background:var(--nth-color-surface);
  border:1px solid var(--nth-color-border-subtle);
  border-radius:16px;
  overflow:hidden;
  transition:.25s;
}

.nth-tablet-page .nth-related-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--nth-shadow-family-hover);
}

.nth-tablet-page .nth-related-thumb{
  aspect-ratio:16/12;
  background:var(--nth-color-bg);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.nth-tablet-page .nth-related-thumb img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}

.nth-tablet-page .nth-related-body{
  padding:14px;
}

.nth-tablet-page .nth-related-body h3{
  margin:0 0 8px;
  font-size:16px;
  line-height:1.45;
  font-weight:900;
  color:var(--nth-color-text);
}

.nth-tablet-page .nth-related-price{
  color:var(--nth-color-success);
  font-weight:900;
  font-size:14px;
}

.nth-tablet-page .comment-respond,
.nth-tablet-page #respond{
  background:var(--nth-color-surface);
  border:1px solid var(--nth-color-border-subtle);
  border-radius:16px;
  padding:16px;
}

.nth-tablet-page .comment-form input[type="text"],
.nth-tablet-page .comment-form input[type="email"],
.nth-tablet-page .comment-form input[type="url"],
.nth-tablet-page .comment-form textarea{
  width:100%;
  border:1px solid var(--nth-color-border-subtle);
  border-radius:12px;
  padding:12px 14px;
  background:var(--nth-color-surface);
  color:var(--nth-color-text);
}

.nth-tablet-page .comment-form textarea{
  min-height:140px;
  resize:vertical;
}

.nth-tablet-page .comment-form input[type="submit"]{
  border:none;
  border-radius:12px;
  background:var(--nth-color-info);
  color:var(--nth-color-surface);
  padding:12px 18px;
  font-weight:800;
  cursor:pointer;
}

@media(max-width:767px){
  .nth-tablet-page .nth-two-col{
    grid-template-columns:1fr;
  }

  .nth-tablet-page .nth-title{
    font-size:28px;
  }

  .nth-tablet-page .nth-sec h2{
    font-size:24px;
  }

  .nth-tablet-page .nth-table th,
  .nth-tablet-page .nth-table td{
    display:block;
    width:100%;
  }

  .nth-tablet-page .nth-table th{
    border-bottom:none;
    padding-bottom:6px;
  }

  .nth-tablet-page .nth-table td{
    padding-top:0;
  }
}


/* =========================================
   NepalTechHub — Single Headphones CSS
========================================= */

/* v4.12: duplicate :root removed — see the shared block in the Tablets CSS section above (identical values, now declared once). */

.nth-headphone-page{
  background:transparent;
}

.nth-headphone-page .nth-wrap{
  max-width:var(--nth-container-max);
  margin:20px auto;
  padding:16px;
}

.nth-headphone-page .breadcrumb,
.nth-headphone-page nav.breadcrumb{
  margin:0 0 10px;
  font-size:13px;
  color:var(--nth-color-muted);
}

.nth-headphone-page .nth-hero{
  display:grid;
  grid-template-columns:1fr;
  gap:20px;
  background:linear-gradient(135deg,var(--nth-color-info-soft),var(--nth-color-surface));
  padding:20px;
  border-radius:18px;
  border:1px solid var(--nth-color-border-subtle);
}

@media(min-width:920px){
  .nth-headphone-page .nth-hero{
    grid-template-columns:320px 1fr;
    align-items:start;
  }
}

.nth-headphone-page .nth-media-card{
  background:var(--nth-color-surface);
  border:1px solid var(--nth-color-border-subtle);
  border-radius:16px;
  padding:16px;
}

.nth-headphone-page .nth-media-frame{
  aspect-ratio:3/4;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--nth-color-bg);
  border-radius:14px;
  overflow:hidden;
}

.nth-headphone-page .nth-media-frame img{
  max-width:100%;
  max-height:100%;
  display:block;
  object-fit:contain;
}

.nth-headphone-page .nth-status{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 12px;
  border-radius:999px;
  border:1px solid var(--nth-color-border-subtle);
  background:var(--nth-color-surface);
  font-weight:900;
  font-size:12px;
}

.nth-headphone-page .nth-status .dot{
  width:8px;
  height:8px;
  border-radius:999px;
  display:inline-block;
}

.nth-headphone-page .nth-status.listed .dot{ background:var(--nth-color-success-strong); }
.nth-headphone-page .nth-status.soon .dot{ background:var(--nth-color-star); }
.nth-headphone-page .nth-status.not .dot{ background:var(--nth-color-danger-strong); }

.nth-headphone-page .nth-title{
  margin:12px 0 0;
  font-size:34px;
  line-height:1.2;
  font-weight:900;
  color:var(--nth-color-text);
}

.nth-headphone-page .nth-sub{
  margin:10px 0 0;
  color:var(--nth-color-muted);
  line-height:1.7;
  font-size:15px;
}

.nth-headphone-page .nth-meta{
  margin:14px 0 0;
  padding:0;
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  color:var(--nth-color-muted);
  font-size:13px;
  font-weight:700;
}

.nth-headphone-page .nth-meta li{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background:var(--nth-color-surface);
  border:1px solid var(--nth-color-border-subtle);
  color:var(--nth-color-text);
}

.nth-headphone-page .nth-price-strip{
  margin-top:16px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:12px;
}

.nth-headphone-page .nth-price-card{
  background:var(--nth-color-surface);
  border:1px solid var(--nth-color-border-subtle);
  border-radius:14px;
  padding:14px;
}

.nth-headphone-page .nth-price-card .label{
  display:block;
  font-size:12px;
  font-weight:800;
  color:var(--nth-color-muted);
  margin-bottom:6px;
}

.nth-headphone-page .nth-price-card .value{
  font-size:20px;
  font-weight:900;
  color:var(--nth-color-success);
}

.nth-headphone-page .nth-action-row{
  margin-top:16px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.nth-headphone-page .nth-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:11px 16px;
  border-radius:999px;
  border:1px solid var(--nth-color-border-subtle);
  text-decoration:none;
  color:var(--nth-color-text);
  background:var(--nth-color-surface);
  font-weight:900;
  transition:.2s;
}

.nth-headphone-page .nth-btn.primary{
  background:var(--nth-color-info);
  color:var(--nth-color-surface);
  border-color:var(--nth-color-info);
}

.nth-headphone-page .nth-btn:hover{
  background:var(--nth-color-info);
  color:var(--nth-color-surface);
  border-color:var(--nth-color-info);
  text-decoration:none;
}

.nth-headphone-page .nth-highlights{
  margin-top:16px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:10px;
}

.nth-headphone-page .nth-box{
  background:var(--nth-color-surface);
  padding:12px;
  border-radius:14px;
  border:1px solid var(--nth-color-border-subtle);
}

.nth-headphone-page .nth-box strong{
  color:var(--nth-color-text);
  display:block;
  margin-bottom:6px;
}

.nth-headphone-page .nth-kv{
  color:var(--nth-color-text-secondary);
  line-height:1.8;
  font-size:15px;
}

.nth-headphone-page .nth-sec{
  margin-top:28px;
}

.nth-headphone-page .nth-sec h2{
  margin:0 0 14px;
  font-size:28px;
  font-weight:900;
  color:var(--nth-color-text);
}

.nth-headphone-page .nth-two-col{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.nth-headphone-page .nth-card{
  background:var(--nth-color-surface);
  padding:16px;
  border-radius:16px;
  border:1px solid var(--nth-color-border-subtle);
}

.nth-headphone-page .nth-card ul{
  margin:10px 0 0 18px;
  padding:0;
}

.nth-headphone-page .nth-card li{
  margin:7px 0;
  color:var(--nth-color-text);
  line-height:1.6;
}

.nth-headphone-page .nth-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  border:1px solid var(--nth-color-border-subtle);
  background:var(--nth-color-surface);
  border-radius:16px;
  overflow:hidden;
}

.nth-headphone-page .nth-table th,
.nth-headphone-page .nth-table td{
  padding:11px 12px;
  border-bottom:1px solid var(--nth-color-surface-muted);
  text-align:left;
  vertical-align:top;
  font-size:14px;
}

.nth-headphone-page .nth-table th{
  width:34%;
  background:var(--nth-color-bg);
  font-weight:900;
  color:var(--nth-color-text);
}

.nth-headphone-page .nth-table tr:last-child th,
.nth-headphone-page .nth-table tr:last-child td{
  border-bottom:none;
}

.nth-headphone-page .nth-gallery{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  gap:12px;
}

.nth-headphone-page .nth-gallery img{
  width:100%;
  border-radius:12px;
  display:block;
  background:var(--nth-color-surface);
  border:1px solid var(--nth-color-border-subtle);
}

.nth-headphone-page .nth-faq{
  background:var(--nth-color-surface);
  border:1px solid var(--nth-color-border-subtle);
  border-radius:14px;
  padding:12px 14px;
  margin-bottom:10px;
}

.nth-headphone-page .nth-faq summary{
  cursor:pointer;
  font-weight:900;
  color:var(--nth-color-text);
}

.nth-headphone-page .nth-related{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:16px;
}

.nth-headphone-page .nth-related-card{
  text-decoration:none;
  color:inherit;
  background:var(--nth-color-surface);
  border:1px solid var(--nth-color-border-subtle);
  border-radius:16px;
  overflow:hidden;
  transition:.25s;
}

.nth-headphone-page .nth-related-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--nth-shadow-family-hover);
}

.nth-headphone-page .nth-related-thumb{
  aspect-ratio:16/12;
  background:var(--nth-color-bg);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.nth-headphone-page .nth-related-thumb img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}

.nth-headphone-page .nth-related-body{
  padding:14px;
}

.nth-headphone-page .nth-related-body h3{
  margin:0 0 8px;
  font-size:16px;
  line-height:1.45;
  font-weight:900;
  color:var(--nth-color-text);
}

.nth-headphone-page .nth-related-price{
  color:var(--nth-color-success);
  font-weight:900;
  font-size:14px;
}

.nth-headphone-page .comment-respond,
.nth-headphone-page #respond{
  background:var(--nth-color-surface);
  border:1px solid var(--nth-color-border-subtle);
  border-radius:16px;
  padding:16px;
}

.nth-headphone-page .comment-form input[type="text"],
.nth-headphone-page .comment-form input[type="email"],
.nth-headphone-page .comment-form input[type="url"],
.nth-headphone-page .comment-form textarea{
  width:100%;
  border:1px solid var(--nth-color-border-subtle);
  border-radius:12px;
  padding:12px 14px;
  background:var(--nth-color-surface);
  color:var(--nth-color-text);
}

.nth-headphone-page .comment-form textarea{
  min-height:140px;
  resize:vertical;
}

.nth-headphone-page .comment-form input[type="submit"]{
  border:none;
  border-radius:12px;
  background:var(--nth-color-info);
  color:var(--nth-color-surface);
  padding:12px 18px;
  font-weight:800;
  cursor:pointer;
}

@media(max-width:767px){
  .nth-headphone-page .nth-two-col{
    grid-template-columns:1fr;
  }

  .nth-headphone-page .nth-title{
    font-size:28px;
  }

  .nth-headphone-page .nth-sec h2{
    font-size:24px;
  }

  .nth-headphone-page .nth-table th,
  .nth-headphone-page .nth-table td{
    display:block;
    width:100%;
  }

  .nth-headphone-page .nth-table th{
    border-bottom:none;
    padding-bottom:6px;
  }

  .nth-headphone-page .nth-table td{
    padding-top:0;
  }
}


/* =========================================
   NepalTechHub — Single Speakers CSS
========================================= */

/* v4.12: duplicate :root removed — see the shared block in the Tablets CSS section above (identical values, now declared once). */

.nth-speaker-page{
  background:transparent;
}

.nth-speaker-page .nth-wrap{
  max-width:var(--nth-container-max);
  margin:20px auto;
  padding:16px;
}

.nth-speaker-page .breadcrumb,
.nth-speaker-page nav.breadcrumb{
  margin:0 0 10px;
  font-size:13px;
  color:var(--nth-color-muted);
}

.nth-speaker-page .nth-hero{
  display:grid;
  grid-template-columns:1fr;
  gap:20px;
  background:linear-gradient(135deg,var(--nth-color-info-soft),var(--nth-color-surface));
  padding:20px;
  border-radius:18px;
  border:1px solid var(--nth-color-border-subtle);
}

@media(min-width:920px){
  .nth-speaker-page .nth-hero{
    grid-template-columns:320px 1fr;
    align-items:start;
  }
}

.nth-speaker-page .nth-media-card{
  background:var(--nth-color-surface);
  border:1px solid var(--nth-color-border-subtle);
  border-radius:16px;
  padding:16px;
}

.nth-speaker-page .nth-media-frame{
  aspect-ratio:3/4;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--nth-color-bg);
  border-radius:14px;
  overflow:hidden;
}

.nth-speaker-page .nth-media-frame img{
  max-width:100%;
  max-height:100%;
  display:block;
  object-fit:contain;
}

.nth-speaker-page .nth-status{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 12px;
  border-radius:999px;
  border:1px solid var(--nth-color-border-subtle);
  background:var(--nth-color-surface);
  font-weight:900;
  font-size:12px;
}

.nth-speaker-page .nth-status .dot{
  width:8px;
  height:8px;
  border-radius:999px;
  display:inline-block;
}

.nth-speaker-page .nth-status.listed .dot{ background:var(--nth-color-success-strong); }
.nth-speaker-page .nth-status.soon .dot{ background:var(--nth-color-star); }
.nth-speaker-page .nth-status.not .dot{ background:var(--nth-color-danger-strong); }

.nth-speaker-page .nth-title{
  margin:12px 0 0;
  font-size:34px;
  line-height:1.2;
  font-weight:900;
  color:var(--nth-color-text);
}

.nth-speaker-page .nth-sub{
  margin:10px 0 0;
  color:var(--nth-color-muted);
  line-height:1.7;
  font-size:15px;
}

.nth-speaker-page .nth-meta{
  margin:14px 0 0;
  padding:0;
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  color:var(--nth-color-muted);
  font-size:13px;
  font-weight:700;
}

.nth-speaker-page .nth-meta li{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background:var(--nth-color-surface);
  border:1px solid var(--nth-color-border-subtle);
  color:var(--nth-color-text);
}

.nth-speaker-page .nth-price-strip{
  margin-top:16px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:12px;
}

.nth-speaker-page .nth-price-card{
  background:var(--nth-color-surface);
  border:1px solid var(--nth-color-border-subtle);
  border-radius:14px;
  padding:14px;
}

.nth-speaker-page .nth-price-card .label{
  display:block;
  font-size:12px;
  font-weight:800;
  color:var(--nth-color-muted);
  margin-bottom:6px;
}

.nth-speaker-page .nth-price-card .value{
  font-size:20px;
  font-weight:900;
  color:var(--nth-color-success);
}

.nth-speaker-page .nth-action-row{
  margin-top:16px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.nth-speaker-page .nth-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:11px 16px;
  border-radius:999px;
  border:1px solid var(--nth-color-border-subtle);
  text-decoration:none;
  color:var(--nth-color-text);
  background:var(--nth-color-surface);
  font-weight:900;
  transition:.2s;
}

.nth-speaker-page .nth-btn.primary{
  background:var(--nth-color-info);
  color:var(--nth-color-surface);
  border-color:var(--nth-color-info);
}

.nth-speaker-page .nth-btn:hover{
  background:var(--nth-color-info);
  color:var(--nth-color-surface);
  border-color:var(--nth-color-info);
  text-decoration:none;
}

.nth-speaker-page .nth-highlights{
  margin-top:16px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:10px;
}

.nth-speaker-page .nth-box{
  background:var(--nth-color-surface);
  padding:12px;
  border-radius:14px;
  border:1px solid var(--nth-color-border-subtle);
}

.nth-speaker-page .nth-box strong{
  color:var(--nth-color-text);
  display:block;
  margin-bottom:6px;
}

.nth-speaker-page .nth-kv{
  color:var(--nth-color-text-secondary);
  line-height:1.8;
  font-size:15px;
}

.nth-speaker-page .nth-sec{
  margin-top:28px;
}

.nth-speaker-page .nth-sec h2{
  margin:0 0 14px;
  font-size:28px;
  font-weight:900;
  color:var(--nth-color-text);
}

.nth-speaker-page .nth-two-col{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.nth-speaker-page .nth-card{
  background:var(--nth-color-surface);
  padding:16px;
  border-radius:16px;
  border:1px solid var(--nth-color-border-subtle);
}

.nth-speaker-page .nth-card ul{
  margin:10px 0 0 18px;
  padding:0;
}

.nth-speaker-page .nth-card li{
  margin:7px 0;
  color:var(--nth-color-text);
  line-height:1.6;
}

.nth-speaker-page .nth-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  border:1px solid var(--nth-color-border-subtle);
  background:var(--nth-color-surface);
  border-radius:16px;
  overflow:hidden;
}

.nth-speaker-page .nth-table th,
.nth-speaker-page .nth-table td{
  padding:11px 12px;
  border-bottom:1px solid var(--nth-color-surface-muted);
  text-align:left;
  vertical-align:top;
  font-size:14px;
}

.nth-speaker-page .nth-table th{
  width:34%;
  background:var(--nth-color-bg);
  font-weight:900;
  color:var(--nth-color-text);
}

.nth-speaker-page .nth-table tr:last-child th,
.nth-speaker-page .nth-table tr:last-child td{
  border-bottom:none;
}

.nth-speaker-page .nth-gallery{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  gap:12px;
}

.nth-speaker-page .nth-gallery img{
  width:100%;
  border-radius:12px;
  display:block;
  background:var(--nth-color-surface);
  border:1px solid var(--nth-color-border-subtle);
}

.nth-speaker-page .nth-faq{
  background:var(--nth-color-surface);
  border:1px solid var(--nth-color-border-subtle);
  border-radius:14px;
  padding:12px 14px;
  margin-bottom:10px;
}

.nth-speaker-page .nth-faq summary{
  cursor:pointer;
  font-weight:900;
  color:var(--nth-color-text);
}

.nth-speaker-page .nth-related{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:16px;
}

.nth-speaker-page .nth-related-card{
  text-decoration:none;
  color:inherit;
  background:var(--nth-color-surface);
  border:1px solid var(--nth-color-border-subtle);
  border-radius:16px;
  overflow:hidden;
  transition:.25s;
}

.nth-speaker-page .nth-related-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--nth-shadow-family-hover);
}

.nth-speaker-page .nth-related-thumb{
  aspect-ratio:16/12;
  background:var(--nth-color-bg);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.nth-speaker-page .nth-related-thumb img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}

.nth-speaker-page .nth-related-body{
  padding:14px;
}

.nth-speaker-page .nth-related-body h3{
  margin:0 0 8px;
  font-size:16px;
  line-height:1.45;
  font-weight:900;
  color:var(--nth-color-text);
}

.nth-speaker-page .nth-related-price{
  color:var(--nth-color-success);
  font-weight:900;
  font-size:14px;
}

.nth-speaker-page .comment-respond,
.nth-speaker-page #respond{
  background:var(--nth-color-surface);
  border:1px solid var(--nth-color-border-subtle);
  border-radius:16px;
  padding:16px;
}

.nth-speaker-page .comment-form input[type="text"],
.nth-speaker-page .comment-form input[type="email"],
.nth-speaker-page .comment-form input[type="url"],
.nth-speaker-page .comment-form textarea{
  width:100%;
  border:1px solid var(--nth-color-border-subtle);
  border-radius:12px;
  padding:12px 14px;
  background:var(--nth-color-surface);
  color:var(--nth-color-text);
}

.nth-speaker-page .comment-form textarea{
  min-height:140px;
  resize:vertical;
}

.nth-speaker-page .comment-form input[type="submit"]{
  border:none;
  border-radius:12px;
  background:var(--nth-color-info);
  color:var(--nth-color-surface);
  padding:12px 18px;
  font-weight:800;
  cursor:pointer;
}

@media(max-width:767px){
  .nth-speaker-page .nth-two-col{
    grid-template-columns:1fr;
  }

  .nth-speaker-page .nth-title{
    font-size:28px;
  }

  .nth-speaker-page .nth-sec h2{
    font-size:24px;
  }

  .nth-speaker-page .nth-table th,
  .nth-speaker-page .nth-table td{
    display:block;
    width:100%;
  }

  .nth-speaker-page .nth-table th{
    border-bottom:none;
    padding-bottom:6px;
  }

  .nth-speaker-page .nth-table td{
    padding-top:0;
  }
}


/* =========================================
   NepalTechHub — Single Smartwatches CSS
========================================= */

/* v4.12: duplicate :root removed — see the shared block in the Tablets CSS section above (identical values, now declared once). */

.nth-smartwatch-page{
  background:transparent;
}

.nth-smartwatch-page .nth-wrap{
  max-width:var(--nth-container-max);
  margin:20px auto;
  padding:16px;
}

.nth-smartwatch-page .breadcrumb,
.nth-smartwatch-page nav.breadcrumb{
  margin:0 0 10px;
  font-size:13px;
  color:var(--nth-color-muted);
}

.nth-smartwatch-page .nth-hero{
  display:grid;
  grid-template-columns:1fr;
  gap:20px;
  background:linear-gradient(135deg,var(--nth-color-info-soft),var(--nth-color-surface));
  padding:20px;
  border-radius:18px;
  border:1px solid var(--nth-color-border-subtle);
}

@media(min-width:920px){
  .nth-smartwatch-page .nth-hero{
    grid-template-columns:320px 1fr;
    align-items:start;
  }
}

.nth-smartwatch-page .nth-media-card{
  background:var(--nth-color-surface);
  border:1px solid var(--nth-color-border-subtle);
  border-radius:16px;
  padding:16px;
}

.nth-smartwatch-page .nth-media-frame{
  aspect-ratio:3/4;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--nth-color-bg);
  border-radius:14px;
  overflow:hidden;
}

.nth-smartwatch-page .nth-media-frame img{
  max-width:100%;
  max-height:100%;
  display:block;
  object-fit:contain;
}

.nth-smartwatch-page .nth-status{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 12px;
  border-radius:999px;
  border:1px solid var(--nth-color-border-subtle);
  background:var(--nth-color-surface);
  font-weight:900;
  font-size:12px;
}

.nth-smartwatch-page .nth-status .dot{
  width:8px;
  height:8px;
  border-radius:999px;
  display:inline-block;
}

.nth-smartwatch-page .nth-status.listed .dot{ background:var(--nth-color-success-strong); }
.nth-smartwatch-page .nth-status.soon .dot{ background:var(--nth-color-star); }
.nth-smartwatch-page .nth-status.not .dot{ background:var(--nth-color-danger-strong); }

.nth-smartwatch-page .nth-title{
  margin:12px 0 0;
  font-size:34px;
  line-height:1.2;
  font-weight:900;
  color:var(--nth-color-text);
}

.nth-smartwatch-page .nth-sub{
  margin:10px 0 0;
  color:var(--nth-color-muted);
  line-height:1.7;
  font-size:15px;
}

.nth-smartwatch-page .nth-meta{
  margin:14px 0 0;
  padding:0;
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  color:var(--nth-color-muted);
  font-size:13px;
  font-weight:700;
}

.nth-smartwatch-page .nth-meta li{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background:var(--nth-color-surface);
  border:1px solid var(--nth-color-border-subtle);
  color:var(--nth-color-text);
}

.nth-smartwatch-page .nth-price-strip{
  margin-top:16px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:12px;
}

.nth-smartwatch-page .nth-price-card{
  background:var(--nth-color-surface);
  border:1px solid var(--nth-color-border-subtle);
  border-radius:14px;
  padding:14px;
}

.nth-smartwatch-page .nth-price-card .label{
  display:block;
  font-size:12px;
  font-weight:800;
  color:var(--nth-color-muted);
  margin-bottom:6px;
}

.nth-smartwatch-page .nth-price-card .value{
  font-size:20px;
  font-weight:900;
  color:var(--nth-color-success);
}

.nth-smartwatch-page .nth-action-row{
  margin-top:16px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.nth-smartwatch-page .nth-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:11px 16px;
  border-radius:999px;
  border:1px solid var(--nth-color-border-subtle);
  text-decoration:none;
  color:var(--nth-color-text);
  background:var(--nth-color-surface);
  font-weight:900;
  transition:.2s;
}

.nth-smartwatch-page .nth-btn.primary{
  background:var(--nth-color-info);
  color:var(--nth-color-surface);
  border-color:var(--nth-color-info);
}

.nth-smartwatch-page .nth-btn:hover{
  background:var(--nth-color-info);
  color:var(--nth-color-surface);
  border-color:var(--nth-color-info);
  text-decoration:none;
}

.nth-smartwatch-page .nth-highlights{
  margin-top:16px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:10px;
}

.nth-smartwatch-page .nth-box{
  background:var(--nth-color-surface);
  padding:12px;
  border-radius:14px;
  border:1px solid var(--nth-color-border-subtle);
}

.nth-smartwatch-page .nth-box strong{
  color:var(--nth-color-text);
  display:block;
  margin-bottom:6px;
}

.nth-smartwatch-page .nth-kv{
  color:var(--nth-color-text-secondary);
  line-height:1.8;
  font-size:15px;
}

.nth-smartwatch-page .nth-sec{
  margin-top:28px;
}

.nth-smartwatch-page .nth-sec h2{
  margin:0 0 14px;
  font-size:28px;
  font-weight:900;
  color:var(--nth-color-text);
}

.nth-smartwatch-page .nth-two-col{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.nth-smartwatch-page .nth-card{
  background:var(--nth-color-surface);
  padding:16px;
  border-radius:16px;
  border:1px solid var(--nth-color-border-subtle);
}

.nth-smartwatch-page .nth-card ul{
  margin:10px 0 0 18px;
  padding:0;
}

.nth-smartwatch-page .nth-card li{
  margin:7px 0;
  color:var(--nth-color-text);
  line-height:1.6;
}

.nth-smartwatch-page .nth-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  border:1px solid var(--nth-color-border-subtle);
  background:var(--nth-color-surface);
  border-radius:16px;
  overflow:hidden;
}

.nth-smartwatch-page .nth-table th,
.nth-smartwatch-page .nth-table td{
  padding:11px 12px;
  border-bottom:1px solid var(--nth-color-surface-muted);
  text-align:left;
  vertical-align:top;
  font-size:14px;
}

.nth-smartwatch-page .nth-table th{
  width:34%;
  background:var(--nth-color-bg);
  font-weight:900;
  color:var(--nth-color-text);
}

.nth-smartwatch-page .nth-table tr:last-child th,
.nth-smartwatch-page .nth-table tr:last-child td{
  border-bottom:none;
}

.nth-smartwatch-page .nth-gallery{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  gap:12px;
}

.nth-smartwatch-page .nth-gallery img{
  width:100%;
  border-radius:12px;
  display:block;
  background:var(--nth-color-surface);
  border:1px solid var(--nth-color-border-subtle);
}

.nth-smartwatch-page .nth-faq{
  background:var(--nth-color-surface);
  border:1px solid var(--nth-color-border-subtle);
  border-radius:14px;
  padding:12px 14px;
  margin-bottom:10px;
}

.nth-smartwatch-page .nth-faq summary{
  cursor:pointer;
  font-weight:900;
  color:var(--nth-color-text);
}

.nth-smartwatch-page .nth-related{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:16px;
}

.nth-smartwatch-page .nth-related-card{
  text-decoration:none;
  color:inherit;
  background:var(--nth-color-surface);
  border:1px solid var(--nth-color-border-subtle);
  border-radius:16px;
  overflow:hidden;
  transition:.25s;
}

.nth-smartwatch-page .nth-related-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--nth-shadow-family-hover);
}

.nth-smartwatch-page .nth-related-thumb{
  aspect-ratio:16/12;
  background:var(--nth-color-bg);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.nth-smartwatch-page .nth-related-thumb img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}

.nth-smartwatch-page .nth-related-body{
  padding:14px;
}

.nth-smartwatch-page .nth-related-body h3{
  margin:0 0 8px;
  font-size:16px;
  line-height:1.45;
  font-weight:900;
  color:var(--nth-color-text);
}

.nth-smartwatch-page .nth-related-price{
  color:var(--nth-color-success);
  font-weight:900;
  font-size:14px;
}

.nth-smartwatch-page .comment-respond,
.nth-smartwatch-page #respond{
  background:var(--nth-color-surface);
  border:1px solid var(--nth-color-border-subtle);
  border-radius:16px;
  padding:16px;
}

.nth-smartwatch-page .comment-form input[type="text"],
.nth-smartwatch-page .comment-form input[type="email"],
.nth-smartwatch-page .comment-form input[type="url"],
.nth-smartwatch-page .comment-form textarea{
  width:100%;
  border:1px solid var(--nth-color-border-subtle);
  border-radius:12px;
  padding:12px 14px;
  background:var(--nth-color-surface);
  color:var(--nth-color-text);
}

.nth-smartwatch-page .comment-form textarea{
  min-height:140px;
  resize:vertical;
}

.nth-smartwatch-page .comment-form input[type="submit"]{
  border:none;
  border-radius:12px;
  background:var(--nth-color-info);
  color:var(--nth-color-surface);
  padding:12px 18px;
  font-weight:800;
  cursor:pointer;
}

@media(max-width:767px){
  .nth-smartwatch-page .nth-two-col{
    grid-template-columns:1fr;
  }

  .nth-smartwatch-page .nth-title{
    font-size:28px;
  }

  .nth-smartwatch-page .nth-sec h2{
    font-size:24px;
  }

  .nth-smartwatch-page .nth-table th,
  .nth-smartwatch-page .nth-table td{
    display:block;
    width:100%;
  }

  .nth-smartwatch-page .nth-table th{
    border-bottom:none;
    padding-bottom:6px;
  }

  .nth-smartwatch-page .nth-table td{
    padding-top:0;
  }
}


/* =========================================
   NepalTechHub — Single Cameras CSS
========================================= */

/* v4.12: duplicate :root removed — see the shared block in the Tablets CSS section above (identical values, now declared once). */

.nth-camera-page{
  background:transparent;
}

.nth-camera-page .nth-wrap{
  max-width:var(--nth-container-max);
  margin:20px auto;
  padding:16px;
}

.nth-camera-page .breadcrumb,
.nth-camera-page nav.breadcrumb{
  margin:0 0 10px;
  font-size:13px;
  color:var(--nth-color-muted);
}

.nth-camera-page .nth-hero{
  display:grid;
  grid-template-columns:1fr;
  gap:20px;
  background:linear-gradient(135deg,var(--nth-color-info-soft),var(--nth-color-surface));
  padding:20px;
  border-radius:18px;
  border:1px solid var(--nth-color-border-subtle);
}

@media(min-width:920px){
  .nth-camera-page .nth-hero{
    grid-template-columns:320px 1fr;
    align-items:start;
  }
}

.nth-camera-page .nth-media-card{
  background:var(--nth-color-surface);
  border:1px solid var(--nth-color-border-subtle);
  border-radius:16px;
  padding:16px;
}

.nth-camera-page .nth-media-frame{
  aspect-ratio:3/4;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--nth-color-bg);
  border-radius:14px;
  overflow:hidden;
}

.nth-camera-page .nth-media-frame img{
  max-width:100%;
  max-height:100%;
  display:block;
  object-fit:contain;
}

.nth-camera-page .nth-status{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 12px;
  border-radius:999px;
  border:1px solid var(--nth-color-border-subtle);
  background:var(--nth-color-surface);
  font-weight:900;
  font-size:12px;
}

.nth-camera-page .nth-status .dot{
  width:8px;
  height:8px;
  border-radius:999px;
  display:inline-block;
}

.nth-camera-page .nth-status.listed .dot{ background:var(--nth-color-success-strong); }
.nth-camera-page .nth-status.soon .dot{ background:var(--nth-color-star); }
.nth-camera-page .nth-status.not .dot{ background:var(--nth-color-danger-strong); }

.nth-camera-page .nth-title{
  margin:12px 0 0;
  font-size:34px;
  line-height:1.2;
  font-weight:900;
  color:var(--nth-color-text);
}

.nth-camera-page .nth-sub{
  margin:10px 0 0;
  color:var(--nth-color-muted);
  line-height:1.7;
  font-size:15px;
}

.nth-camera-page .nth-meta{
  margin:14px 0 0;
  padding:0;
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  color:var(--nth-color-muted);
  font-size:13px;
  font-weight:700;
}

.nth-camera-page .nth-meta li{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background:var(--nth-color-surface);
  border:1px solid var(--nth-color-border-subtle);
  color:var(--nth-color-text);
}

.nth-camera-page .nth-price-strip{
  margin-top:16px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:12px;
}

.nth-camera-page .nth-price-card{
  background:var(--nth-color-surface);
  border:1px solid var(--nth-color-border-subtle);
  border-radius:14px;
  padding:14px;
}

.nth-camera-page .nth-price-card .label{
  display:block;
  font-size:12px;
  font-weight:800;
  color:var(--nth-color-muted);
  margin-bottom:6px;
}

.nth-camera-page .nth-price-card .value{
  font-size:20px;
  font-weight:900;
  color:var(--nth-color-success);
}

.nth-camera-page .nth-action-row{
  margin-top:16px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.nth-camera-page .nth-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:11px 16px;
  border-radius:999px;
  border:1px solid var(--nth-color-border-subtle);
  text-decoration:none;
  color:var(--nth-color-text);
  background:var(--nth-color-surface);
  font-weight:900;
  transition:.2s;
}

.nth-camera-page .nth-btn.primary{
  background:var(--nth-color-info);
  color:var(--nth-color-surface);
  border-color:var(--nth-color-info);
}

.nth-camera-page .nth-btn:hover{
  background:var(--nth-color-info);
  color:var(--nth-color-surface);
  border-color:var(--nth-color-info);
  text-decoration:none;
}

.nth-camera-page .nth-highlights{
  margin-top:16px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:10px;
}

.nth-camera-page .nth-box{
  background:var(--nth-color-surface);
  padding:12px;
  border-radius:14px;
  border:1px solid var(--nth-color-border-subtle);
}

.nth-camera-page .nth-box strong{
  color:var(--nth-color-text);
  display:block;
  margin-bottom:6px;
}

.nth-camera-page .nth-kv{
  color:var(--nth-color-text-secondary);
  line-height:1.8;
  font-size:15px;
}

.nth-camera-page .nth-sec{
  margin-top:28px;
}

.nth-camera-page .nth-sec h2{
  margin:0 0 14px;
  font-size:28px;
  font-weight:900;
  color:var(--nth-color-text);
}

.nth-camera-page .nth-two-col{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.nth-camera-page .nth-card{
  background:var(--nth-color-surface);
  padding:16px;
  border-radius:16px;
  border:1px solid var(--nth-color-border-subtle);
}

.nth-camera-page .nth-card ul{
  margin:10px 0 0 18px;
  padding:0;
}

.nth-camera-page .nth-card li{
  margin:7px 0;
  color:var(--nth-color-text);
  line-height:1.6;
}

.nth-camera-page .nth-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  border:1px solid var(--nth-color-border-subtle);
  background:var(--nth-color-surface);
  border-radius:16px;
  overflow:hidden;
}

.nth-camera-page .nth-table th,
.nth-camera-page .nth-table td{
  padding:11px 12px;
  border-bottom:1px solid var(--nth-color-surface-muted);
  text-align:left;
  vertical-align:top;
  font-size:14px;
}

.nth-camera-page .nth-table th{
  width:34%;
  background:var(--nth-color-bg);
  font-weight:900;
  color:var(--nth-color-text);
}

.nth-camera-page .nth-table tr:last-child th,
.nth-camera-page .nth-table tr:last-child td{
  border-bottom:none;
}

.nth-camera-page .nth-gallery{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  gap:12px;
}

.nth-camera-page .nth-gallery img{
  width:100%;
  border-radius:12px;
  display:block;
  background:var(--nth-color-surface);
  border:1px solid var(--nth-color-border-subtle);
}

.nth-camera-page .nth-faq{
  background:var(--nth-color-surface);
  border:1px solid var(--nth-color-border-subtle);
  border-radius:14px;
  padding:12px 14px;
  margin-bottom:10px;
}

.nth-camera-page .nth-faq summary{
  cursor:pointer;
  font-weight:900;
  color:var(--nth-color-text);
}

.nth-camera-page .nth-related{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:16px;
}

.nth-camera-page .nth-related-card{
  text-decoration:none;
  color:inherit;
  background:var(--nth-color-surface);
  border:1px solid var(--nth-color-border-subtle);
  border-radius:16px;
  overflow:hidden;
  transition:.25s;
}

.nth-camera-page .nth-related-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--nth-shadow-family-hover);
}

.nth-camera-page .nth-related-thumb{
  aspect-ratio:16/12;
  background:var(--nth-color-bg);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.nth-camera-page .nth-related-thumb img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}

.nth-camera-page .nth-related-body{
  padding:14px;
}

.nth-camera-page .nth-related-body h3{
  margin:0 0 8px;
  font-size:16px;
  line-height:1.45;
  font-weight:900;
  color:var(--nth-color-text);
}

.nth-camera-page .nth-related-price{
  color:var(--nth-color-success);
  font-weight:900;
  font-size:14px;
}

.nth-camera-page .comment-respond,
.nth-camera-page #respond{
  background:var(--nth-color-surface);
  border:1px solid var(--nth-color-border-subtle);
  border-radius:16px;
  padding:16px;
}

.nth-camera-page .comment-form input[type="text"],
.nth-camera-page .comment-form input[type="email"],
.nth-camera-page .comment-form input[type="url"],
.nth-camera-page .comment-form textarea{
  width:100%;
  border:1px solid var(--nth-color-border-subtle);
  border-radius:12px;
  padding:12px 14px;
  background:var(--nth-color-surface);
  color:var(--nth-color-text);
}

.nth-camera-page .comment-form textarea{
  min-height:140px;
  resize:vertical;
}

.nth-camera-page .comment-form input[type="submit"]{
  border:none;
  border-radius:12px;
  background:var(--nth-color-info);
  color:var(--nth-color-surface);
  padding:12px 18px;
  font-weight:800;
  cursor:pointer;
}

@media(max-width:767px){
  .nth-camera-page .nth-two-col{
    grid-template-columns:1fr;
  }

  .nth-camera-page .nth-title{
    font-size:28px;
  }

  .nth-camera-page .nth-sec h2{
    font-size:24px;
  }

  .nth-camera-page .nth-table th,
  .nth-camera-page .nth-table td{
    display:block;
    width:100%;
  }

  .nth-camera-page .nth-table th{
    border-bottom:none;
    padding-bottom:6px;
  }

  .nth-camera-page .nth-table td{
    padding-top:0;
  }

}

/* =========================================================
 * PHASE 28B.5 MONOLITH DECOMPOSITION
 *
 * Original source order continues through WordPress-enqueued assets:
 *   1) assets/css/single-appliances-phase28b5.css (only AC/WM/TV singles)
 *   2) assets/css/legacy-tail-phase28b5.css (sitewide historical suffix)
 * The Phase 28A navigation/hero asset remains later at enqueue priority 40.
 * ========================================================= */
