{"product_id":"100-cotton-detachable-collar","title":"100% Cotton Detachable Collar","description":"\u003c!--\n[AI Design Logic]\nProduct Type: Women's Fashion Accessory (Detachable Dickey Collar)\nTarget Audience: Office workers, students, fashion-conscious women looking for layered looks without bulk.\nVisual Style: Elegant, Minimalist, Clean, Soft (Feminine \u0026 Premium)\nColor Strategy: \n- Primary Text: Deep Charcoal (#2C3E50) for readable elegance.\n- Accent: Warm Beige\/Khaki (#D4B895) to imply natural cotton and skin-friendly tones.\n- Background: Soft Off-White (#FDFCF9) for a breathable, clean canvas.\nShape Strategy: Radius 16px (Softness, skin-friendly, women\/apparel psychology)\nTypography Strategy: Large Type \/ Mobile-first readable (H1 up to 44px, Body up to 20px)\nMobile Table Strategy: Card-based (No horizontal scroll), with unit conversions.\nImage Mapping: Hero=image_1, Feature1(Material)=image_2, Feature2(Fit\/Straps)=image_3, Feature3(Versatility)=image_4\n--\u003e\n\u003cdiv class=\"product-detail-container\"\u003e\n\u003cstyle type=\"text\/css\"\u003e:root {\n      --primary: #D4B895;\n      --primary-dark: #B89C7A;\n      --text-main: #2C3E50;\n      --text-sub: #596A7B;\n      --bg-body: #FDFCF9;\n      --bg-card: #FFFFFF;\n      --bg-alt: #F4F1EA;\n      --radius-md: 12px;\n      --radius-lg: 16px;\n      --shadow-sm: 0 4px 12px rgba(44, 62, 80, 0.05);\n      --shadow-lg: 0 12px 32px rgba(44, 62, 80, 0.08);\n      --border-color: #E8E4D9;\n      --spacing-section: clamp(3rem, 8vw, 6rem);\n      --spacing-gap: clamp(2rem, 5vw, 4rem);\n    }\n\n    \/* Base Reset \u0026 Typography *\/\n    .product-detail-container {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 5%;\n      background-color: var(--bg-body);\n      color: var(--text-main);\n      font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n      box-sizing: border-box;\n      overflow-wrap: break-word;\n      word-break: break-word;\n      line-height: 1.7;\n    }\n\n    .product-detail-container *,\n    .product-detail-container *::before,\n    .product-detail-container *::after {\n      box-sizing: inherit;\n    }\n\n    .product-detail-container h1 {\n      font-size: clamp(32px, 5vw, 44px);\n      font-weight: 700;\n      line-height: 1.2;\n      margin: 0 0 1.5rem 0;\n      color: var(--text-main);\n    }\n\n    .product-detail-container h2 {\n      font-size: clamp(24px, 4vw, 32px);\n      font-weight: 600;\n      line-height: 1.3;\n      margin: 0 0 1.2rem 0;\n    }\n\n    .product-detail-container h3 {\n      font-size: clamp(20px, 3vw, 24px);\n      font-weight: 600;\n      line-height: 1.4;\n      margin: 0 0 1rem 0;\n    }\n\n    .product-detail-container p {\n      font-size: clamp(18px, 2vw, 20px);\n      color: var(--text-sub);\n      margin: 0 0 1.5rem 0;\n    }\n\n    \/* Badges (Non-clickable) *\/\n    .badge-group {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 1rem;\n      margin-bottom: 2rem;\n    }\n\n    .visual-badge {\n      display: inline-flex;\n      align-items: center;\n      padding: 0.6rem 1.2rem;\n      background: var(--bg-alt);\n      color: var(--text-main);\n      font-size: 16px;\n      font-weight: 600;\n      border-radius: 50px;\n      letter-spacing: 0.5px;\n    }\n\n    \/* Image Rules *\/\n    .product-detail-container img,\n    .placeholder-img {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: var(--radius-lg);\n      object-fit: cover;\n    }\n\n    .placeholder-img {\n      background: #EAEAEA;\n      border: 2px dashed #BDBDBD;\n      aspect-ratio: 4\/3;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: #757575;\n      font-size: 18px;\n      font-weight: bold;\n    }\n\n    \/* Hero Section *\/\n    .hero-section {\n      text-align: center;\n      padding: var(--spacing-section) 0;\n    }\n\n    .hero-copy {\n      max-width: 800px;\n      margin: 0 auto 3rem auto;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n    }\n\n    .social-proof {\n      font-size: 16px;\n      font-weight: 600;\n      color: var(--primary-dark);\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      margin-bottom: 1rem;\n      display: block;\n    }\n\n    \/* Feature Sections *\/\n    .feature-list {\n      display: flex;\n      flex-direction: column;\n      gap: var(--spacing-section);\n      padding: var(--spacing-section) 0;\n    }\n\n    .feature-item {\n      display: flex;\n      flex-direction: column; \/* Mobile first: Image top, Text bottom *\/\n      gap: var(--spacing-gap);\n      align-items: center;\n    }\n\n    .feature-media,\n    .feature-copy {\n      width: 100%;\n    }\n\n    .feature-media {\n      box-shadow: var(--shadow-sm);\n      border-radius: var(--radius-lg);\n      overflow: hidden;\n    }\n\n    \/* Desktop Enhancement *\/\n    @media (min-width: 768px) {\n      .feature-item {\n        flex-direction: row;\n      }\n      .feature-item:nth-child(even) {\n        flex-direction: row-reverse;\n      }\n      .feature-media,\n      .feature-copy {\n        width: 50%;\n      }\n      .feature-copy {\n        padding: 0 2rem;\n      }\n    }\n\n    \/* Specifications Table *\/\n    .specs-section {\n      padding: var(--spacing-section) 0;\n      background: var(--bg-alt);\n      border-radius: var(--radius-lg);\n      margin: var(--spacing-section) 0;\n      padding-left: clamp(1rem, 4vw, 4rem);\n      padding-right: clamp(1rem, 4vw, 4rem);\n    }\n\n    .specs-section h2 {\n      text-align: center;\n      margin-bottom: var(--spacing-gap);\n    }\n\n    .spec-table {\n      width: 100%;\n      border-collapse: collapse;\n      background: var(--bg-card);\n      border-radius: var(--radius-md);\n      overflow: hidden;\n      box-shadow: var(--shadow-sm);\n    }\n\n    .spec-table th,\n    .spec-table td {\n      padding: 1.2rem 1.5rem;\n      text-align: left;\n      font-size: 18px;\n    }\n\n    .spec-table th {\n      background: var(--text-main);\n      color: #fff;\n      font-weight: 600;\n    }\n\n    .spec-table tr:nth-child(even) {\n      background: #FAFAFA;\n    }\n\n    .spec-table tr:hover {\n      background: #F0F0F0;\n    }\n\n    \/* Mobile Table: Card-based (No horizontal scroll) *\/\n    @media (max-width: 767px) {\n      .spec-table, \n      .spec-table thead, \n      .spec-table tbody, \n      .spec-table tr, \n      .spec-table th, \n      .spec-table td {\n        display: block;\n        width: 100%;\n      }\n      .spec-table thead {\n        display: none;\n      }\n      .spec-table {\n        background: transparent;\n        box-shadow: none;\n      }\n      .spec-table tr {\n        margin-bottom: 1.5rem;\n        border: 1px solid var(--border-color);\n        border-radius: var(--radius-md);\n        background: var(--bg-card);\n        box-shadow: var(--shadow-sm);\n        padding: 0.5rem 1rem;\n      }\n      .spec-table td {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 1rem 0;\n        border-bottom: 1px dashed var(--border-color);\n        font-size: 16px;\n        text-align: right;\n      }\n      .spec-table td:last-child {\n        border-bottom: none;\n      }\n      .spec-table td::before {\n        content: attr(data-label);\n        font-weight: 700;\n        color: var(--text-main);\n        text-align: left;\n        padding-right: 1rem;\n      }\n    }\n\n    \/* FAQ Section *\/\n    .faq-section {\n      padding: var(--spacing-section) 0;\n    }\n\n    .faq-section h2 {\n      text-align: center;\n      margin-bottom: var(--spacing-gap);\n    }\n\n    .faq-item {\n      background: var(--bg-card);\n      border: 1px solid var(--border-color);\n      border-radius: var(--radius-md);\n      padding: clamp(1.5rem, 3vw, 2.5rem);\n      margin-bottom: 1.5rem;\n      box-shadow: var(--shadow-sm);\n    }\n\n    .faq-item h3 {\n      color: var(--text-main);\n      display: flex;\n      gap: 1rem;\n      align-items: flex-start;\n    }\n\n    .faq-item h3::before {\n      content: \"Q.\";\n      color: var(--primary-dark);\n      font-size: 1.2em;\n      line-height: 1;\n    }\n\n    .faq-item p {\n      margin-bottom: 0;\n      margin-top: 1rem;\n      padding-left: 2.5rem;\n    }\n\u003c\/style\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003cdiv class=\"hero-copy\"\u003e\n\u003cspan class=\"social-proof\"\u003e★ Loved by 50,000+ Fashion Enthusiasts\u003c\/span\u003e\n\u003ch1\u003eThe Perfect Layering Secret Without the Bulk\u003c\/h1\u003e\n\n\u003cp\u003eAchieve the crisp, formal look of a classic collared shirt under any sweater, dress, or sweatshirt. Effortless style, supreme comfort, zero overheating.\u003c\/p\u003e\n\n\u003cdiv class=\"badge-group\"\u003e\n\u003cdiv class=\"visual-badge\"\u003e✓ 100% Premium Cotton\u003c\/div\u003e\n\n\u003cdiv class=\"visual-badge\"\u003e✓ Anti-Shift Design\u003c\/div\u003e\n\n\u003cdiv class=\"visual-badge\"\u003e✓ One Size Fits Most\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"hero-media\"\u003e\n\u003cdiv class=\"placeholder-img\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260323111904\/acff14c1e2bdd09f3df2d94938ac61a3.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"placeholder-img\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260323111904\/d63617816bb910f25f37c302d2182d93.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003ePure Comfort in 100% Cotton\u003c\/h2\u003e\n\n\u003cp\u003eCrafted from premium, tightly woven cotton, this detachable dickey collar is exceptionally soft, breathable, and gentle against your skin. It guarantees a crisp appearance while keeping you cool all day long.\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eCare is effortless:\u003c\/strong\u003e It is highly resistant to fading. A simple machine wash and a quick iron will restore its neat, professional look instantly.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2: Fit \u0026 Design --\u003e\n\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"placeholder-img\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260323111904\/ed838632ccd1ddfed44462d347260182.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eSecure, Anti-Shift Design\u003c\/h2\u003e\n\n\u003cp\u003eSay goodbye to awkward adjustments. Designed with extended elastic tapes on both sides, you simply slip your arms through to lock the collar securely in place.\u003c\/p\u003e\n\n\u003cp\u003eWhether you're reaching, bending, or rushing through a busy day, your collar stays perfectly centered without riding up or bunching underneath your top layer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 3: Versatility \u0026 Value --\u003e\n\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"placeholder-img\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260323111904\/be0930d6917e91ce3c9437fd579423d3.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eSave Time, Save Money, Elevate Style\u003c\/h2\u003e\n\n\u003cp\u003eWhy buy dozens of expensive shirts when you can transform your entire wardrobe with one accessory? The classic pointed collar and convenient 4-hole button closure make it a breeze to put on or take off in seconds.\u003c\/p\u003e\n\n\u003cp\u003ePerfect for seamlessly pairing with dresses, crewneck sweaters, sweatshirts, and uniforms. It's your year-round styling companion for instant elegance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SPECIFICATIONS TABLE --\u003e\n\n\u003cdiv class=\"specs-section\"\u003e\n\u003ch2\u003eProduct Specifications\u003c\/h2\u003e\n\n\u003ctable class=\"spec-table\"\u003e\n\t\u003cthead\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eSpecification\u003c\/th\u003e\n\t\t\t\u003cth\u003eMetric (CM \/ G)\u003c\/th\u003e\n\t\t\t\u003cth\u003eImperial (IN \/ OZ)\u003c\/th\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/thead\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Material\"\u003eMaterial\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Metric\"\u003e100% Cotton\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Imperial\"\u003e100% Cotton\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Neck Circumference\"\u003eNeck Circumference\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Metric\"\u003e38.9 cm\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Imperial\"\u003e15.3 in\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Shoulder Width\"\u003eShoulder Width\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Metric\"\u003e33.0 cm\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Imperial\"\u003e13.0 in\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Front\/Back Length\"\u003eFront \u0026amp; Back Length\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Metric\"\u003e31.5 cm\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Imperial\"\u003e12.4 in\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Item Weight\"\u003eItem Weight (Approx)\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Metric\"\u003e80.0 g\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Imperial\"\u003e2.8 oz\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Size \u0026amp; Fit\"\u003eSize \u0026amp; Fit\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Metric\"\u003eOne Size (Adjustable)\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Imperial\"\u003eOne Size (Adjustable)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ SECTION --\u003e\n\n\u003cdiv class=\"faq-section\"\u003e\n\u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3\u003eHow should I wash and care for this collar?\u003c\/h3\u003e\n\n\u003cp\u003eSince it is made of 100% premium cotton, you can easily machine wash it on a gentle cycle or hand wash it. It won't fade. For the best crisp and neat look, we highly recommend giving it a quick iron after it dries.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3\u003eWill it pop out or slide around while I'm moving?\u003c\/h3\u003e\n\n\u003cp\u003eNot at all! The collar is thoughtfully designed with adjustable elastic tapes on both sides. By putting your arms through these extended tapes, the collar is anchored firmly to your body, preventing any shifting during daily wear.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3\u003eWill this fit plus-size body types?\u003c\/h3\u003e\n\n\u003cp\u003eYes. The open-side design combined with the highly stretchable and adjustable elastic bands makes this a true \"One Size Fits Most\" accessory, ensuring a comfortable fit across various body types without feeling restrictive.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Bak","offers":[{"title":"Black \/ 1 Piece","offer_id":57017847021728,"sku":"0324-17272231","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Blue \/ 1 Piece","offer_id":57017847054496,"sku":"0324-17277437","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Pink \/ 1 Piece","offer_id":57017847087264,"sku":"0324-17275703","price":12.95,"currency_code":"USD","in_stock":true},{"title":"White \/ 1 Piece","offer_id":57017847120032,"sku":"0324-17275465","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Black \/ 2-Pack(Save 20%)","offer_id":57017847152800,"sku":"0324-17270593","price":19.95,"currency_code":"USD","in_stock":true},{"title":"Blue \/ 2-Pack(Save 20%)","offer_id":57017847185568,"sku":"0324-17276772","price":19.95,"currency_code":"USD","in_stock":true},{"title":"Pink \/ 2-Pack(Save 20%)","offer_id":57017847218336,"sku":"0324-17270915","price":19.95,"currency_code":"USD","in_stock":true},{"title":"White \/ 2-Pack(Save 20%)","offer_id":57017847251104,"sku":"0324-17273137","price":19.95,"currency_code":"USD","in_stock":true},{"title":"Black \/ 4-Pack (Best Value - Save 40%)","offer_id":57017847283872,"sku":"0324-17279317","price":30.95,"currency_code":"USD","in_stock":true},{"title":"Blue \/ 4-Pack (Best Value - Save 40%)","offer_id":57017847316640,"sku":"0324-17270488","price":30.95,"currency_code":"USD","in_stock":true},{"title":"Pink \/ 4-Pack (Best Value - Save 40%)","offer_id":57017847349408,"sku":"0324-17279811","price":30.95,"currency_code":"USD","in_stock":true},{"title":"White \/ 4-Pack (Best Value - Save 40%)","offer_id":57017847382176,"sku":"0324-17279749","price":30.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0692\/7656\/5664\/files\/acff14c1e2bdd09f3df2d94938ac61a3.jpg?v=1778750196","url":"https:\/\/cartivra.com\/products\/100-cotton-detachable-collar","provider":"Cartivra","version":"1.0","type":"link"}