/*
Theme Name: NORDFORM (WPVibe Draft)
Theme URI: https://www.nordform.cc/
Author: NORDFORM
Description: Premium B2B Commercial Furniture WordPress Theme
Version: 1.0.0
*/

/* å›¾ç‰‡æ¯”ä¾‹å…œåº•ï¼ˆTailwind CDN å¶å°”ä¸ç¼–è¯‘ aspect-[4/5] è¿™ç±»ä»»æ„å€¼ï¼‰ */
main img {
    max-width: 100%;
    display: block;
}

main [class*="aspect-[4/5]"]   { aspect-ratio: 4 / 5;   overflow: hidden; }
main [class*="aspect-[4/3]"]   { aspect-ratio: 4 / 3;   overflow: hidden; }
main [class*="aspect-[3/4]"]   { aspect-ratio: 3 / 4;   overflow: hidden; }
main [class*="aspect-[16/10]"] { aspect-ratio: 16 / 10; overflow: hidden; }
main [class*="aspect-[16/9]"]  { aspect-ratio: 16 / 9;  overflow: hidden; }
main [class*="aspect-[21/9]"]  { aspect-ratio: 21 / 9;  overflow: hidden; }
main [class*="aspect-square"]  { aspect-ratio: 1 / 1;   overflow: hidden; }

main [class*="aspect-"] > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}
/* ============================================================
   NORDFORM â€” WooCommerce Product Description + Gallery
   ============================================================ */
.nf-product-description { color:#4a4a4a; font-size:16px; line-height:1.8; }
.nf-product-description h2,
.nf-product-description h3 { color:#111; font-weight:600; line-height:1.3; letter-spacing:-.01em; margin:34px 0 12px; }
.nf-product-description h2 { font-size:24px; }
.nf-product-description h3 { font-size:21px; }
.nf-product-description h2:first-child,
.nf-product-description h3:first-child { margin-top:0; }
.nf-product-description p { margin:0 0 18px; }
.nf-product-description ul,
.nf-product-description ol { margin:0 0 24px; padding-left:24px; }
.nf-product-description ul { list-style:disc outside; }
.nf-product-description ol { list-style:decimal outside; }
.nf-product-description li { display:list-item; margin:6px 0; padding-left:3px; }
.nf-product-description strong { color:#222; font-weight:600; }
.nf-product-description table { width:100%; border-collapse:collapse; margin:8px 0 26px; }
.nf-product-description th,
.nf-product-description td { padding:10px 12px; border-bottom:1px solid #e6e6e6; text-align:left; vertical-align:top; }

/* Main image is an interactive image viewer. */
.nf-product-main-button { width:100%; height:100%; padding:0; border:0; background:transparent; cursor:zoom-in; display:flex; align-items:center; justify-content:center; position:relative; }
.nf-gallery-zoom-hint { position:absolute; right:14px; bottom:14px; width:38px; height:38px; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.9); color:#222; border:1px solid rgba(0,0,0,.08); opacity:0; transition:opacity .2s ease; }
.nf-product-main-image-wrap:hover .nf-gallery-zoom-hint { opacity:1; }

/* Clickable thumbnails. */
.nf-product-thumbnails { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; }
.nf-product-thumb { aspect-ratio:1/1; padding:3px; overflow:hidden; background:#fff; border:1px solid transparent; cursor:pointer; transition:border-color .18s ease, opacity .18s ease; }
.nf-product-thumb:hover { border-color:#999; }
.nf-product-thumb.is-active { border-color:#222; }
.nf-product-thumb img { width:100%; height:100%; object-fit:cover; display:block; }

/* Full-screen lightbox. */
body.nf-lightbox-open { overflow:hidden; }
.nf-lightbox { position:fixed; inset:0; z-index:99999; display:none; align-items:center; justify-content:center; background:rgba(12,12,12,.94); padding:34px 70px; }
.nf-lightbox.is-open { display:flex; }
.nf-lightbox-stage { width:100%; height:100%; display:flex; align-items:center; justify-content:center; position:relative; }
.nf-lightbox-stage img { max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; user-select:none; }
.nf-lightbox-close { position:absolute; z-index:2; top:16px; right:22px; border:0; background:transparent; color:#fff; font-size:42px; line-height:1; cursor:pointer; padding:8px; }
.nf-lightbox-nav { position:absolute; z-index:2; top:50%; transform:translateY(-50%); width:52px; height:72px; border:0; background:rgba(255,255,255,.08); color:#fff; font-size:48px; line-height:1; cursor:pointer; }
.nf-lightbox-nav:hover { background:rgba(255,255,255,.16); }
.nf-lightbox-prev { left:12px; }
.nf-lightbox-next { right:12px; }
.nf-lightbox-counter { position:absolute; left:50%; bottom:2px; transform:translateX(-50%); color:rgba(255,255,255,.75); font-size:12px; letter-spacing:.08em; }

@media (max-width:768px) {
  .nf-product-description { font-size:15px; }
  .nf-product-description h3 { font-size:19px; margin-top:28px; }
  .nf-product-thumbnails { grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; }
  .nf-lightbox { padding:54px 12px 44px; }
  .nf-lightbox-nav { width:42px; height:58px; font-size:38px; background:rgba(0,0,0,.32); }
  .nf-lightbox-prev { left:4px; }
  .nf-lightbox-next { right:4px; }
  .nf-gallery-zoom-hint { opacity:1; }
}