{"product_id":"breathable-denim-detachable-collar","title":"Breathable Denim Detachable Collar","description":" \u003cdiv class=\"product-detail-container\"\u003e\n\u003c!--[AI Design Logic]Product Type: Fashion Accessory (Denim False Collar)Target Audience: Fashion-conscious women, office workers, college students seeking versatile layering.Visual Style: Clean, elegant, and timeless. Color Strategy: Denim Blue (--primary) for trust and style, Off-white (--bg-body) for a crisp, clean background, Deep Navy (--text-main) for premium readability.Shape Strategy: Radius 16px (--radius-md\/lg) to reflect the softness and comfort of the fabric, while keeping a structured look.Typography Strategy: Large Type (H1 up to 44px, Body 18-20px) \/ Mobile-first readable, high contrast.Mobile Table Strategy: Card-based via Flexbox \u0026 pseudo-elements (No horizontal scroll allowed).Mobile Layout Strategy: Strict single column (Image -\u003e Text sequence). Z-Pattern enabled only on desktop (min-width: 768px).Image Mapping: Hero=image_1, Feature1=image_2, Feature2=image_3, Feature3=image_4--\u003e\u003cstyle type=\"text\/css\"\u003e\/* 0) Base \u0026 Reset *\/    .product-detail-container {      box-sizing: border-box;      max-width: 1200px;      margin: 0 auto;      padding: 0 5%;      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;      overflow-wrap: break-word;      word-break: break-word;      color: var(--text-main);      background-color: var(--bg-body);      \/* 1) Design System (CSS Variables) *\/      --primary: #2A4B7C; \/* Classic Denim Blue *\/      --primary-hover: #1E375A;      --primary-light: #EBF0F6;      --text-main: #1A2433; \/* Deep navy for text *\/      --text-sub: #4A5B70;      --bg-body: #FAFBFC;      --bg-card: #FFFFFF;      --radius-md: 12px;      --radius-lg: 24px;      --shadow-sm: 0 4px 16px rgba(42, 75, 124, 0.06);      --shadow-lg: 0 12px 32px rgba(42, 75, 124, 0.12);      --border-color: #E2E8F0;      --spacing-section: clamp(3rem, 6vw, 6rem);      --spacing-element: clamp(1.5rem, 3vw, 2.5rem);    }    .product-detail-container *,    .product-detail-container *::before,    .product-detail-container *::after {      box-sizing: border-box;    }    \/* Typography System *\/    .product-detail-container h1,     .product-detail-container h2,     .product-detail-container h3 {      margin-top: 0;      margin-bottom: 1rem;      font-weight: 700;      color: var(--text-main);      line-height: 1.2;    }    .product-detail-container h1 { font-size: clamp(32px, 4vw, 44px); }    .product-detail-container h2 { font-size: clamp(28px, 3.5vw, 36px); }    .product-detail-container h3 { font-size: clamp(22px, 2.5vw, 28px); }        .product-detail-container p {      font-size: clamp(18px, 2vw, 20px);      line-height: 1.7;      color: var(--text-sub);      margin-top: 0;      margin-bottom: 1.5rem;    }    \/* Image Protocol *\/    .product-detail-container .img-wrapper {      width: 100%;      border-radius: var(--radius-lg);      overflow: hidden;      background: var(--primary-light);      box-shadow: var(--shadow-sm);    }    .product-detail-container img {      width: 100%;      height: auto;      display: block;    }    \/* Placeholder styling *\/    .product-detail-container .placeholder-box {      width: 100%;      aspect-ratio: 4\/3;      display: flex;      align-items: center;      justify-content: center;      background-color: var(--primary-light);      border: 2px dashed #B8C8DB;      color: #647B9B;      font-size: 1.2rem;      font-weight: 600;      border-radius: var(--radius-lg);    }    \/* Sections *\/    .product-detail-container .section {      padding-top: var(--spacing-section);      padding-bottom: var(--spacing-section);    }    \/* Hero Section *\/    .hero-section {      text-align: center;      padding-top: clamp(2rem, 4vw, 4rem);    }        .hero-social-proof {      display: inline-flex;      align-items: center;      gap: 0.5rem;      background: var(--bg-card);      padding: 0.75rem 1.5rem;      border-radius: 50px;      font-size: 16px;      font-weight: 600;      color: var(--primary);      box-shadow: var(--shadow-sm);      margin-bottom: 2rem;      border: 1px solid var(--border-color);    }    .hero-social-proof span {      color: #F59E0B; \/* Star color *\/      font-size: 20px;    }    .hero-badges {      display: flex;      flex-wrap: wrap;      justify-content: center;      gap: 1rem;      margin-top: var(--spacing-element);    }    .static-badge {      background: var(--primary-light);      color: var(--primary);      padding: 0.5rem 1rem;      border-radius: var(--radius-md);      font-size: 16px;      font-weight: 600;    }    \/* Feature Section (Mobile Lock \u0026 Z-Pattern) *\/    .feature-item {      display: flex;      flex-direction: column; \/* Mobile first: strict stack *\/      gap: clamp(2rem, 5vw, 4rem);      margin-bottom: var(--spacing-section);      align-items: center;    }    .feature-media,    .feature-copy {      width: 100%;    }    \/* Desktop Enhancement *\/    @media (min-width: 768px) {      .feature-item {        flex-direction: row; \/* Z-Pattern Base *\/      }      .feature-item:nth-child(even) {        flex-direction: row-reverse; \/* Z-Pattern Reverse *\/      }      .feature-media,      .feature-copy {        flex: 1; \/* Equal width, height determined by content naturally *\/      }    }    \/* Specifications Table (Card-based on Mobile) *\/    .specs-wrapper {      background: var(--bg-card);      border-radius: var(--radius-lg);      padding: clamp(1.5rem, 4vw, 3rem);      box-shadow: var(--shadow-sm);    }    .product-detail-container table {      width: 100%;      border-collapse: collapse;      text-align: left;    }    .product-detail-container th {      background-color: var(--primary-light);      color: var(--text-main);      font-weight: 700;      font-size: 18px;    }    .product-detail-container th,     .product-detail-container td {      padding: 1.25rem;      border-bottom: 1px solid var(--border-color);    }    .product-detail-container td {      font-size: 18px;      color: var(--text-sub);    }    \/* Mobile Table Overrides (Critical) *\/    @media (max-width: 767px) {      .product-detail-container table,       .product-detail-container thead,       .product-detail-container tbody,       .product-detail-container tr,       .product-detail-container th,       .product-detail-container td {        display: block;        width: 100%;      }            .product-detail-container thead {        display: none; \/* Hide native headers *\/      }            .product-detail-container tr {        margin-bottom: 1rem;        border: 1px solid var(--border-color);        border-radius: var(--radius-md);        background: var(--bg-card);        overflow: hidden;      }            .product-detail-container td {        display: flex;        justify-content: space-between;        align-items: center;        text-align: right;        padding: 1rem;        border-bottom: 1px solid var(--primary-light);      }            .product-detail-container td:last-child {        border-bottom: none;      }      .product-detail-container td::before {        content: attr(data-label);        font-weight: 600;        color: var(--text-main);        margin-right: 1rem;        text-align: left;      }    }    \/* FAQ Section *\/    .faq-grid {      display: grid;      gap: 2rem;    }    .faq-card {      background: var(--bg-card);      border-radius: var(--radius-md);      padding: 2rem;      border: 1px solid var(--border-color);    }    .faq-question {      font-size: clamp(20px, 2.5vw, 24px);      font-weight: 700;      color: var(--text-main);      margin-bottom: 1rem;      display: flex;      align-items: flex-start;      gap: 1rem;    }    .faq-question::before {      content: \"Q.\";      color: var(--primary);      font-size: clamp(24px, 3vw, 28px);    }    .faq-answer {      font-size: clamp(18px, 2vw, 20px);      color: var(--text-sub);      line-height: 1.7;      margin: 0;      padding-left: clamp(2rem, 3.5vw, 2.5rem); \/* Align with text *\/    }\u003c\/style\u003e\n\u003c!-- 1. Hero Section --\u003e\u003cdiv class=\"section hero-section\"\u003e\n\u003cdiv class=\"hero-social-proof\"\u003e\n\u003cspan\u003e★★★★★\u003c\/span\u003e Trusted by 10,000+ Style Enthusiasts\u003c\/div\u003e\n\u003ch1\u003eInstant Style Upgrade, Minus the Bulk\u003c\/h1\u003e\n\u003cp\u003eTransform sweaters, dresses, and cardigans effortlessly. Create a sophisticated, layered shirt look without the extra warmth or restrictive fabric.\u003c\/p\u003e\n\u003cdiv class=\"hero-badges\"\u003e\n\u003cdiv class=\"static-badge\"\u003eBreathable Fabric\u003c\/div\u003e\n\u003cdiv class=\"static-badge\"\u003eOne Size Fits Most\u003c\/div\u003e\n\u003cdiv class=\"static-badge\"\u003eMachine Washable\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"img-wrapper\" style=\"margin-top: var(--spacing-section);\"\u003e\u003cdiv class=\"placeholder-box\"\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img69\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260324104916\/c45a02d09a6b0fcbb284a7eb47769845.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\u003cdiv class=\"img-wrapper\"\u003e\u003cdiv class=\"placeholder-box\"\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img70\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260324104916\/3a9160263601add0df85622b95325592.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eComfortable \u0026amp; Sturdy Construction\u003c\/h2\u003e\n\u003cp\u003eCrafted from remarkably soft, breathable denim fabric that feels gentle against your skin all day long. The high-quality cotton blend ensures it stays crisp, giving you the structured collar look without the stifling heat of a full base layer.\u003c\/p\u003e\n\u003cp\u003eWith reinforced stitching designed for daily use, it maintains its perfect shape wash after wash, whether you are powering through a workday or enjoying a weekend outing.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2 --\u003e\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\u003cdiv class=\"img-wrapper\"\u003e\u003cdiv class=\"placeholder-box\"\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img71\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260324104916\/cbb9fb48655481422a8e1268b1802dab.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eSimple, Secure, \u0026amp; Seamless Fit\u003c\/h2\u003e\n\u003cp\u003eSay goodbye to constant adjustments. Designed with four functional buttonholes, this collar allows for a straightforward, customizable fit. Simply slip it on and button up to your desired comfort level.\u003c\/p\u003e\n\u003cp\u003eThe extended shoulder panels ensure the collar stays neatly anchored under your clothing, providing a flawless, smooth silhouette that never rides up or bunches awkwardly.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 3 --\u003e\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\u003cdiv class=\"img-wrapper\"\u003e\u003cdiv class=\"placeholder-box\"\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img72\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260324104916\/62c7d9bb696bb4ff8c7755fbb4d8d028.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eAdaptable for Every Occasion\u003c\/h2\u003e\n\u003cp\u003eA truly timeless accessory that transcends seasons. Whether you are aiming for a professional office aesthetic, an elegant dinner look, or a smart-casual college vibe, this denim collar instantly elevates your ensemble.\u003c\/p\u003e\n\u003cp\u003eIt also makes a thoughtful and stylish present for anyone who loves clever wardrobe hacks—perfect for birthdays, holidays, or simply as a token of appreciation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. Specifications Section --\u003e\u003cdiv class=\"section\"\u003e\n\u003ch2 style=\"text-align: center; margin-bottom: var(--spacing-element);\"\u003eProduct Specifications\u003c\/h2\u003e\n\u003cdiv class=\"specs-wrapper\"\u003e\u003ctable\u003e\t\u003cthead\u003e\t\t\u003ctr\u003e\t\t\t\u003cth\u003eSpecification\u003c\/th\u003e\t\t\t\u003cth\u003eDetails\u003c\/th\u003e\t\t\u003c\/tr\u003e\t\u003c\/thead\u003e\t\u003ctbody\u003e\t\t\u003ctr\u003e\t\t\t\u003ctd data-label=\"Material\"\u003e100% Cotton Denim\u003c\/td\u003e\t\t\t\u003ctd data-label=\"Details\"\u003eSoft, breathable, fade-resistant\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\t\u003ctr\u003e\t\t\t\u003ctd data-label=\"Collar Circumference\"\u003e42 cm (16.5 in)\u003c\/td\u003e\t\t\t\u003ctd data-label=\"Details\"\u003eStandard fit for most neck sizes\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\t\u003ctr\u003e\t\t\t\u003ctd data-label=\"Shoulder Width\"\u003e35 cm (13.8 in)\u003c\/td\u003e\t\t\t\u003ctd data-label=\"Details\"\u003eExtended cut to prevent slipping\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\t\u003ctr\u003e\t\t\t\u003ctd data-label=\"Front Length\"\u003e30 cm (11.8 in)\u003c\/td\u003e\t\t\t\u003ctd data-label=\"Details\"\u003eLies flat under V-necks and crewnecks\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\t\u003ctr\u003e\t\t\t\u003ctd data-label=\"Item Weight\"\u003e50 g (1.8 oz)\u003c\/td\u003e\t\t\t\u003ctd data-label=\"Details\"\u003eUltra-lightweight for all-day comfort\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\t\u003ctr\u003e\t\t\t\u003ctd data-label=\"Care Instructions\"\u003eMachine Washable\u003c\/td\u003e\t\t\t\u003ctd data-label=\"Details\"\u003eWash cold, tumble dry low. Can be ironed.\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\u003c\/tbody\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. FAQ Section --\u003e\u003cdiv class=\"section\"\u003e\n\u003ch2 style=\"text-align: center; margin-bottom: var(--spacing-element);\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\u003cdiv class=\"faq-grid\"\u003e\n\u003cdiv class=\"faq-card\"\u003e\n\u003cdiv class=\"faq-question\"\u003eWill the outline show under thin sweaters?\u003c\/div\u003e\n\u003cp class=\"faq-answer\"\u003eNo, the edges are tailored to be incredibly thin and lay perfectly flat against your collarbones and chest. It eliminates the bulky look and seam-lines typically caused by wearing two full layers of clothing.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-card\"\u003e\n\u003cdiv class=\"faq-question\"\u003eIs the neck size adjustable?\u003c\/div\u003e\n\u003cp class=\"faq-answer\"\u003eYes! The false collar features four fully functional buttons. You can leave the top button undone for a relaxed, casual V-neck style or button it up entirely for a sharp, professional look.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-card\"\u003e\n\u003cdiv class=\"faq-question\"\u003eHow do I wash and maintain the denim collar?\u003c\/div\u003e\n\u003cp class=\"faq-answer\"\u003eIt is very easy to care for. You can treat it just like your favorite pair of jeans—machine wash on a cold, gentle cycle and tumble dry on low. For an extra crisp look, a quick warm iron will make it look brand new.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Satsus","offers":[{"title":"Black Pointed Collar \/ Buy 1","offer_id":52881687675178,"sku":null,"price":15.99,"currency_code":"USD","in_stock":true},{"title":"Black Round Collar \/ Buy 1","offer_id":52881687707946,"sku":null,"price":15.99,"currency_code":"USD","in_stock":true},{"title":"Dark Blue Pointed Collar \/ Buy 1","offer_id":52881687740714,"sku":null,"price":15.99,"currency_code":"USD","in_stock":true},{"title":"Dark Blue Round Collar \/ Buy 1","offer_id":52881687773482,"sku":null,"price":15.99,"currency_code":"USD","in_stock":true},{"title":"Light Blue Pointed Collar \/ Buy 1","offer_id":52881687806250,"sku":null,"price":15.99,"currency_code":"USD","in_stock":true},{"title":"Light Blue Round Collar \/ Buy 1","offer_id":52881687839018,"sku":null,"price":15.99,"currency_code":"USD","in_stock":true},{"title":"White Pointed Collar \/ Buy 1","offer_id":52881687871786,"sku":null,"price":15.99,"currency_code":"USD","in_stock":true},{"title":"White Round Collar \/ Buy 1","offer_id":52881687904554,"sku":null,"price":15.99,"currency_code":"USD","in_stock":true},{"title":"Black Pointed Collar \/ Buy 2: Save 20% (Most Popular!)","offer_id":52881687937322,"sku":null,"price":24.99,"currency_code":"USD","in_stock":true},{"title":"Black Round Collar \/ Buy 2: Save 20% (Most Popular!)","offer_id":52881687970090,"sku":null,"price":24.99,"currency_code":"USD","in_stock":true},{"title":"Dark Blue Pointed Collar \/ Buy 2: Save 20% (Most Popular!)","offer_id":52881688002858,"sku":null,"price":24.99,"currency_code":"USD","in_stock":true},{"title":"Dark Blue Round Collar \/ Buy 2: Save 20% (Most Popular!)","offer_id":52881688035626,"sku":null,"price":24.99,"currency_code":"USD","in_stock":true},{"title":"Light Blue Pointed Collar \/ Buy 2: Save 20% (Most Popular!)","offer_id":52881688068394,"sku":null,"price":24.99,"currency_code":"USD","in_stock":true},{"title":"Light Blue Round Collar \/ Buy 2: Save 20% (Most Popular!)","offer_id":52881688101162,"sku":null,"price":24.99,"currency_code":"USD","in_stock":true},{"title":"White Pointed Collar \/ Buy 2: Save 20% (Most Popular!)","offer_id":52881688133930,"sku":null,"price":24.99,"currency_code":"USD","in_stock":true},{"title":"White Round Collar \/ Buy 2: Save 20% (Most Popular!)","offer_id":52881688166698,"sku":null,"price":24.99,"currency_code":"USD","in_stock":true},{"title":"Black Pointed Collar \/ Buy 3: Save 30% (Best Value!)","offer_id":52881688199466,"sku":null,"price":32.99,"currency_code":"USD","in_stock":true},{"title":"Black Round Collar \/ Buy 3: Save 30% (Best Value!)","offer_id":52881688232234,"sku":null,"price":32.99,"currency_code":"USD","in_stock":true},{"title":"Dark Blue Pointed Collar \/ Buy 3: Save 30% (Best Value!)","offer_id":52881688265002,"sku":null,"price":32.99,"currency_code":"USD","in_stock":true},{"title":"Dark Blue Round Collar \/ Buy 3: Save 30% (Best Value!)","offer_id":52881688297770,"sku":null,"price":32.99,"currency_code":"USD","in_stock":true},{"title":"Light Blue Pointed Collar \/ Buy 3: Save 30% (Best Value!)","offer_id":52881688330538,"sku":null,"price":32.99,"currency_code":"USD","in_stock":true},{"title":"Light Blue Round Collar \/ Buy 3: Save 30% (Best Value!)","offer_id":52881688363306,"sku":null,"price":32.99,"currency_code":"USD","in_stock":true},{"title":"White Pointed Collar \/ Buy 3: Save 30% (Best Value!)","offer_id":52881688396074,"sku":null,"price":32.99,"currency_code":"USD","in_stock":true},{"title":"White Round Collar \/ Buy 3: Save 30% (Best Value!)","offer_id":52881688428842,"sku":null,"price":32.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1008\/2471\/1466\/files\/c45a02d09a6b0fcbb284a7eb47769845.jpg?v=1791441832","url":"https:\/\/satsus.com\/products\/breathable-denim-detachable-collar","provider":"Satsus","version":"1.0","type":"link"}