{"title":"City-Chic Elegant Ties-kollektionen👔","description":"\u003cdiv style=\"display: flex; justify-content: center; align-items: center; height: 100vh;\"\u003e\n\u003cdiv style=\"position: relative; width: 100%; max-width: 800px; padding-top: 56.25%; overflow: hidden;\"\u003e\u003ciframe title=\"carauana_best_sellers_low_cost\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/ad42b2464f5a45dcbf6638dab6ae240e.mp4?si=8pGMMVloJDZKcYTq\u0026amp;controls=0\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;\"\u003e  \n\u003c\/iframe\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eIntroducing The City-Chic Elegant Ties Collection — a curated line of premium neckwear and accessories designed to elevate formal and business wardrobes. From traditional silk neckties to modern knit options and textured finishes, each piece offers enduring craftsmanship, refined silhouettes, and versatile styling. Perfect for boardroom meetings, weddings, and every occasion that calls for timeless sophistication.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003ecollection-level\u003c\/strong\u003e: Elegant Ties Collection\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ecategories\u003c\/strong\u003e: Silk Ties, Knit Ties, Skinny Ties, Bow Ties, Pocket Squares\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ematerials\/features\u003c\/strong\u003e: silk, wool blend, cotton, knit\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eintents\u003c\/strong\u003e: buy men’s ties online, premium ties, discount neckwear\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ebrand\/Emotion\u003c\/strong\u003e: timeless elegance, classic sophistication, refined accessories\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003eAccessories\u003c\/strong\u003e: Pocket Squares Materials: Silk, Wool Blend, Cotton\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eFinishes\u003c\/strong\u003e: Matte, Shine, Textured\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eColors\u003c\/strong\u003e: Black, Navy, Grey, Burgundy, Deep Green and more\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eUse\/Occasion\u003c\/strong\u003e: Formal, Business, Wedding, Evening\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eOn-page subcategories \u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eMen’s Ties: Silk\u003c\/li\u003e\n\u003cli\u003eMen’s Ties: Knit\u003c\/li\u003e\n\u003cli\u003eMen’s Ties: Silk-Wool Blends\u003c\/li\u003e\n\u003cli\u003eMen’s Ties: Skinny\u003c\/li\u003e\n\u003cli\u003eMen’s Ties: Bow Ties\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003eOur Men’s Ties Collection blends timeless craftsmanship with contemporary textures for a polished, professional look. \u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCrafted from premium materials with attention to detail, these ties elevate any formal or business ensemble. \u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eExplore silhouettes from classic silk to modern knits that effortlessly transition from day to night.\u003c\/strong\u003e\u003c\/p\u003e","products":[{"product_id":"striped-jacquard-mens-tie-set","title":"Premium Striped Jacquard Men’s Neck Tie Set👔","description":"\u003cdiv class=\"prod-wrap ca-template scroll-trigger animate--slide-in\"\u003e\n\u003c!-- MAIN DESCRIPTION (FIRST INDEXED CONTENT) --\u003e\n\u003cdiv class=\"ca-details scroll-trigger animate--slide-in\"\u003eElevate your formal wardrobe with this premium men’s neck tie set, crafted from 100 percent polyester using traditional tatting weaving techniques for a refined, structured finish. Featuring a striped jacquard pattern with high density 1200-stitch construction, this tie delivers timeless elegance and durability for business meetings, weddings and special occasions. The complete set includes a coordinating pocket square, cufflinks and tie clip so you can achieve a polished, cohesive look that pairs seamlessly with classic and modern suits.\u003c\/div\u003e\n\u003c!-- SPECIFICATIONS --\u003e\n\u003cdiv class=\"specs-wrapper scroll-trigger animate--slide-in\"\u003e\n\u003cdiv class=\"specs-content\"\u003e\n\u003cdiv class=\"specs-title\"\u003eProduct Specifications\u003c\/div\u003e\n\u003ctable role=\"table\" aria-label=\"Striped jacquard neck tie set specifications\" class=\"ca-specs\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth\u003eChoice\u003c\/th\u003e\n\u003ctd\u003eYes\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eCraft of Weaving\u003c\/th\u003e\n\u003ctd\u003eTat\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eDepartment\u003c\/th\u003e\n\u003ctd\u003eAdult\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eGender\u003c\/th\u003e\n\u003ctd\u003eMen, women\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eItem Type\u003c\/th\u003e\n\u003ctd\u003eTies\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eTies Type\u003c\/th\u003e\n\u003ctd\u003eNeck tie set\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eMaterial\u003c\/th\u003e\n\u003ctd\u003ePolyester\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003ePattern Type\u003c\/th\u003e\n\u003ctd\u003eStriped jacquard\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eHigh Density Tie\u003c\/th\u003e\n\u003ctd\u003e1200 stitches tie for men\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eMens Accessory\u003c\/th\u003e\n\u003ctd\u003eFashion men’s ties \/ gravatas \/ corbatas \/ cravatte\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eMen’s Tie\u003c\/th\u003e\n\u003ctd\u003eBrand designer style tie\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eOccasion\u003c\/th\u003e\n\u003ctd\u003eBusiness, party, wedding, gift for men\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eTie Set\u003c\/th\u003e\n\u003ctd\u003eMen tie, pocket square, cufflinks, tie clip\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eChemicals of Concern\u003c\/th\u003e\n\u003ctd\u003eNone highly concerned\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003ctd\u003eOne size\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eLength\u003c\/th\u003e\n\u003ctd\u003eApproximate standard men’s tie length\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eStyle\u003c\/th\u003e\n\u003ctd\u003eFashion, classic formal\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eSemi Choice\u003c\/th\u003e\n\u003ctd\u003eYes\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- HERO TITLE --\u003e\n\u003ch2 class=\"ca-header scroll-trigger animate--slide-in\" style=\"text-align: center;\"\u003ePremium Striped Jacquard 1200-Stitch \u003cspan style=\"color: rgb(43, 0, 255);\"\u003eMen’s Neck Tie Set with Pocket Square, Cufflinks and Tie Clip\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"ca-subheader scroll-trigger animate--slide-in\" style=\"text-align: center;\"\u003eHigh density 1200-stitch tie • Striped jacquard pattern • Complete set with pocket square, cufflinks and tie clip\u003c\/div\u003e\n\u003c!-- SET CONTENTS \/ DIMENSIONS --\u003e\n\u003cdiv class=\"ca-features scroll-trigger animate--slide-in\"\u003e\n\u003ch3 class=\"specs-title\"\u003eSet Contents and Details\u003c\/h3\u003e\n\u003cul class=\"ca-features-list\"\u003e\n\u003cli\u003e\n\u003cspan class=\"ca-icon\"\u003e👔\u003c\/span\u003eOne striped jacquard neck tie with high density 1200-stitch weaving for structure and durability.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ca-icon\"\u003e🧻\u003c\/span\u003eMatching pocket square designed to coordinate with the tie pattern and colors.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ca-icon\"\u003e🔘\u003c\/span\u003ePair of cufflinks that echo the tie design for a cohesive, formal look.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ca-icon\"\u003e📎\u003c\/span\u003eIncluded tie clip to keep the tie neatly in place and add a refined finishing touch.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ca-icon\"\u003e🎁\u003c\/span\u003ePackaged as a complete accessory set, ideal for gifting to business professionals and grooms.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"ca-details\"\u003eThe striped jacquard fabric offers a subtle sheen and texture that complements a wide range of shirt colors and suit fabrics.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- IMAGES --\u003e\n\u003cdiv class=\"ca-images\"\u003e\n\u003cimg loading=\"eager\" class=\"ca-desc-img\" alt=\"Premium striped jacquard men’s neck tie set with pocket square and cufflinks\" src=\"https:\/\/ae01.alicdn.com\/kf\/S611ff82a9b644097bad148db9f2c060el.jpg\"\u003e \u003cimg loading=\"lazy\" class=\"ca-desc-img\" alt=\"Close-up of striped jacquard 1200-stitch tie fabric\" src=\"https:\/\/ae01.alicdn.com\/kf\/Sa33ff73f5a244357a22d9f8c6cdabb0cn.jpg\"\u003e \u003cimg loading=\"lazy\" class=\"ca-desc-img\" alt=\"Men’s tie, pocket square, cufflinks and tie clip laid out together\" src=\"https:\/\/ae01.alicdn.com\/kf\/S410b5a6edb7148d1ad5221e134a4b220U.jpg\"\u003e \u003cimg loading=\"lazy\" class=\"ca-desc-img\" alt=\"Striped tie knot detail with dress shirt and suit\" src=\"https:\/\/ae01.alicdn.com\/kf\/Sc40f8397f709411a84960838362b07ceW.jpg\"\u003e \u003cimg loading=\"lazy\" class=\"ca-desc-img\" alt=\"Gift-ready men’s tie set presentation\" src=\"https:\/\/ae01.alicdn.com\/kf\/S6896e2d492bc47c89b794024f28eb1ddP.jpg\"\u003e \u003cimg loading=\"lazy\" class=\"ca-desc-img\" alt=\"Striped jacquard tie rolled close-up\" src=\"https:\/\/ae01.alicdn.com\/kf\/S6ac2569dca484a2b9bda01fc4e263f7am.jpg\"\u003e \u003cimg loading=\"lazy\" class=\"ca-desc-img\" alt=\"Pocket square pattern matching the tie\" src=\"https:\/\/ae01.alicdn.com\/kf\/S70de4174390a4378b7381cac4058c3c5S.jpg\"\u003e \u003cimg loading=\"lazy\" class=\"ca-desc-img\" alt=\"Cufflinks and tie clip included in the set\" src=\"https:\/\/ae01.alicdn.com\/kf\/S45a9b726f17b40bab06787155c392e3cN.jpg\"\u003e \u003cimg loading=\"lazy\" class=\"ca-desc-img\" alt=\"Striped tie set styled with formal suit\" src=\"https:\/\/ae01.alicdn.com\/kf\/Sbf155666898448baba94ed0e77ce5735R.jpg\"\u003e \u003cimg loading=\"lazy\" class=\"ca-desc-img\" alt=\"Detail of jacquard stripe texture on men’s tie\" src=\"https:\/\/ae01.alicdn.com\/kf\/Sda8e08ab9c3544babe1d368b2a91d1eaj.jpg\"\u003e\n\u003c\/div\u003e\n\u003c!-- FEATURES --\u003e\n\u003cdiv class=\"ca-features scroll-trigger animate--slide-in\"\u003e\n\u003ch3 class=\"specs-title\"\u003eFeatures\u003c\/h3\u003e\n\u003cul class=\"ca-features-list\"\u003e\n\u003cli\u003e\n\u003cspan class=\"ca-icon\"\u003e🧵\u003c\/span\u003eHigh density 1200-stitch jacquard weaving for a structured tie that holds its shape throughout the day.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ca-icon\"\u003e🏢\u003c\/span\u003eSuitable for business, parties, weddings and formal events where a polished look is required.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ca-icon\"\u003e🎩\u003c\/span\u003eClassic striped pattern that pairs with solid and subtly patterned shirts and suits.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ca-icon\"\u003e🖤\u003c\/span\u003e100 percent polyester fabric offering durability, easy care and resistance to everyday wear.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ca-icon\"\u003e🎁\u003c\/span\u003eComplete accessory solution in one set, ideal as a ready-made gift for the discerning gentleman.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- IDEAL FOR --\u003e\n\u003cdiv class=\"ca-ideal scroll-trigger animate--slide-in\"\u003e\n\u003ch4 class=\"specs-title\"\u003eIdeal for\u003c\/h4\u003e\n\u003cdiv class=\"ca-details\"\u003e\n\u003cp\u003e\u003cspan class=\"ca-icon\"\u003e💼\u003c\/span\u003eProfessionals who want a coordinated tie, pocket square and cufflinks look for meetings and presentations.\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"ca-icon\"\u003e💍\u003c\/span\u003eGrooms, groomsmen and wedding guests looking for a refined, complete neckwear set.\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"ca-icon\"\u003e🎁\u003c\/span\u003eGifting on birthdays, anniversaries, Father’s Day or corporate occasions where a formal accessory set is appreciated.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- MARKETING \/ TRUST --\u003e\n\u003cdiv class=\"ca-marketing scroll-trigger animate--slide-in\"\u003e\n\u003ch4 class=\"specs-title\"\u003eWhy choose this tie set\u003c\/h4\u003e\n\u003cdiv class=\"ca-details\"\u003e\n\u003cp\u003e\u003cspan class=\"ca-icon\"\u003e✔️\u003c\/span\u003eOffers a cohesive, professional appearance without needing to mix and match separate accessories.\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"ca-icon\"\u003e🕒\u003c\/span\u003eDesigned to be long-lasting and easy to care for, making it a practical addition to any formal wardrobe.\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"ca-icon\"\u003e⭐\u003c\/span\u003eCombines classic striped style with modern tailoring details for a versatile accessory you can wear again and again.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ===== Scoped CSS Style ===== --\u003e\n\u003cstyle\u003e\n\/* ---------- Base container ---------- *\/\n.prod-wrap.ca-template {\n  --accent: #E9F928;\n  --text: #000;\n  --muted: #fff;\n  color: var(--text);\n  width: 100%;\n  perspective: 1000px;\n  padding: 18px 24px; \/* spacing left\/right so images don't touch edges *\/\n  max-width: 100%;\n  margin: 12px auto 32px;\n  position: relative;\n  overflow: hidden;\n  border-radius: 25px;\n  border: 2px groove #fff;\n  box-shadow: 0 18px 20px rgba(0,0,0,0.50);\n  background: rgba(255, 255, 255, 0.55);\n}\n\/* Abilita il contesto 3D lungo tutta la gerarchia *\/\n.prod-wrap.ca-template,\n.prod-wrap.ca-template .ca-images,\n.prod-wrap.ca-template .ca-row,\n.prod-wrap.ca-template .ca-col {\n  transform-style: preserve-3d;\n}  \n\/* ---------- Video \/ images ---------- *\/\n\/* Full-width images used in ca-description *\/\n.prod-wrap.ca-template .ca-images {\n  width: 100%;\n  box-sizing: border-box;\n  margin: 12px 0;\n  padding: 10px 20;\n  padding-bottom: 20px;\n  display: block;\n  position: relative;\n  transform-style: preserve-3d;\n}  \n\/* ---------- Video \/ images ---------- *\/\n.ca-desc-video {\n  position: relative;\n  width: 100%;\n  margin: 18px 0;\n  border: 2px groove #fff;\n  border-radius: 12px;\n  box-shadow: 0 18px 40px rgba(0,0,0,0.75);\n  background: #000;\n  cursor: pointer;\n  transition: box-shadow 0.4s ease, filter 0.4s ease;\n}\n\n\/* Video element itself *\/\n.ca-desc-video-el {\n  width: 100%;\n  height: auto;\n  display: block;\n  object-fit: cover;\n  box-shadow: 0 12px 30px rgba(0,0,0,0.65);\n  transition: filter 0.4s ease, box-shadow 0.4s ease, opacity 0.4s ease;\n}\n \n\/* Stile base per immagini *\/\n.ca-desc-img {\n  display: block;\n  width: 100%;\n  height: auto;\n  margin: 18px 0;\n  border-radius: 12px;\n  border: 2px groove #fff;\n  box-shadow: 0 24px 50px -12px rgba(0, 0, 0, 0.85);\n  transition: transform 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55), box-shadow 0.5s ease, filter 0.4s ease;\n  transform-style: preserve-3d;\n  backface-visibility: hidden;\n  will-change: transform, box-shadow;\n\n  \/* 👇 Stato iniziale \"3D lontano\" per immagini *\/\n  transform: scale(0.70) rotateY(2deg) rotateX(2deg) translateY(0px) translateX(0px);\n  filter: contrast(95%) brightness(98%) saturate(90%);\n}\n\/* Effetto hover 3D avanzato per immagini *\/\n.ca-desc-img:hover {\n  transform: scale(1) rotateY(0deg) rotateX(0deg) translateY(0px) translateX(-0px);\n  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6), 0 4px 8px rgba(0, 0, 0, 0.3);\n  filter: contrast(100%) brightness(100%) saturate(100%);\n  z-index: 10;\n  position: relative; \/* necessario per z-index *\/\n} \n  \n\/* Stile base per video *\/\n.ca-desc-video {\n  display: block;\n  width: 100%;\n  height: auto;\n  margin: 18px 0;\n  border-radius: 12px;\n  border: 2px groove #fff;\n  box-shadow: 0 24px 50px -12px rgba(0, 0, 0, 0.85);\n  transition: \ntransform 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55), box-shadow 0.5s ease, filter 0.4s ease;\n  transform-style: preserve-3d;\n  backface-visibility: hidden;\n  will-change: transform, box-shadow;\n\n  \/* 👇 Stato iniziale \"3D lontano\" *\/\n  transform: scale(0.70) rotateY(-0deg) rotateX(0deg) translateY(0px) translateX(0px);\n  filter: contrast(95%) brightness(98%) saturate(90%);\n}\n\n  \/* Effetto hover 3D avanzato PER video *\/\n.ca-desc-video:hover {\n  transform: scale(1) rotateY(0deg) rotateX(1deg) translateY(0px) translateX(0px);\n  box-shadow: \n    0 12px 30px rgba(0, 0, 0, 0.6),\n    0 4px 8px rgba(0, 0, 0, 0.3);\n  filter: contrast(100%) brightness(100%) saturate(100%);\n  z-index: 10;\n  position: relative; \/* necessario per z-index *\/\n}    \n\/* ---------- Mute\/Unmute icon ---------- *\/\n.ca-video-sound-icon {\n  position: absolute;\n  bottom: 18px;\n  right: 18px;\n  font-size: 3rem;\n  color: #fff;\n  background: rgba(0, 0, 0, 0.55);\n  border-radius: 50%;\n  padding: 8px 12px;\n  cursor: pointer;\n  transition: transform .3s ease, opacity .3s ease, background .3s ease;\n  z-index: 9;\n}\n.ca-video-sound-icon:hover {\n  transform: scale(1.04);\n  background: rgba(255, 255, 255, 0.25);\n  box-shadow: 0 18px 40px rgba(0,0,0,0.75);\n}\n  \n\/* Small spacing for consecutive images *\/\n.prod-wrap.ca-template .ca-desc-img + .ca-desc-img { margin-top:18px; }\n\n\/* ---------- Specs wrapper with animated background under the table ---------- *\/\n.specs-wrapper {\n  display:grid;\n  place-items:center;\n  position:relative;\n  border-radius:16px;\n  border:5px groove #fff;\n  margin:18px auto;\n  width:100%;\n  max-width:1500px;\n  box-shadow:4px 4px 8px rgba(0,0,0,0.5);\n  background:none;\n}\n\n\/* background-image under the table (use a direct image URL) *\/\n.specs-wrapper::before {\n  content: '';\n  position:absolute;\n  top:0; left:0;\n  width:100%; height:100%;\n  background-image: url(\"https:\/\/cdn.shopify.com\/s\/files\/1\/0669\/3876\/5628\/files\/Red_striped_tie_with_matching_pocket_square_tie_clip_and_cufflinks_on_a_white_background.webp\");\n  background-size: contain;\n  background-position: center;\n  background-repeat: no-repeat;\n  z-index:0;\n  transform: scale(0.5);\n  transition: transform 4s ease;\n  will-change: transform;\n}\n  .specs-wrapper:hover::before {\n    animation: pulse3D 12s infinite ease-in-out;\n  }  \n@keyframes pulse3D {\n  0% { transform: translateX(0) scale(0.5) rotateY(0deg) skewX(0deg); }\n  33% { transform: translateX(-190px) scale(1.05) rotateY(-10deg) skewX(15deg); }\n  66% { transform: translateX(190px) scale(1.09) rotateY(10deg) skewX(-15deg); }\n  100% { transform: translateX(0) scale(0.5) rotateY(0deg) skewX(0deg); }\n}\n\n.specs-content { position:relative; z-index:2; padding:24px; width:100%; box-sizing:border-box; }\n\n\/* Table styling *\/\n.ca-specs {\n  width:100%;\n  border-collapse: collapse;\n  text-align:left;\n  color: #ff0;\n  font-size:2rem;\n  border-radius:12px;\n  box-shadow: 2px 2px 4px rgba(0,0,0,0.4);\n}\n.ca-specs th, .ca-specs td {\n  border:2px groove #fff;\n  padding:12px 14px;\n  vertical-align:top;\n  font-weight:700;\n}\n.ca-specs thead th { background: rgba(0,0,0,0.35); font-size:20px; }\n.ca-specs tbody tr:nth-child(odd) { background: rgba(255,255,255,0.08); }\n.ca-specs tbody tr:hover {\n  background: rgba(0,0,0,0.55);\n  box-shadow: 2px 2px 8px rgba(0,0,0,0.45);\n  animation: rowGlow 1.2s ease-in-out infinite alternate;\n}\n\n@keyframes rowGlow { \n  0% { background-color: rgba(255,255,255,0.8); } \n  25% { background-color: rgba(255,255,200,0.8); } 50% { background-color: rgba(200,255,255,0.8); } \n  75% { background-color: rgba(255,200,200,0.8); } 100% { background-color: rgba(200,200,255,0.8); } }\n\n\/* ---------- title letterColorChange ---------- *\/  \n\n.prod-wrap.ca-template .specs-title {\n  position: relative;\n  background-color: rgba(255,255,255,0.4);\n  font-weight: 900;\n  margin-bottom: 1rem;\n  text-align: center;\n  border-radius: 12px;\n  padding: 0.5rem 1rem;\n  box-shadow: 2px 2px 4px 4px rgba(0,0,0,0.4);\n  color: #000;\n  transition: color 0.3s ease;\n}\n\/* Headers \u0026 text *\/\n.prod-wrap.ca-template .specs-title { font-size: 7rem; font-weight:900; line-height:1.45; margin-bottom:12px; color:#ffffff; }   \n.prod-wrap.ca-template .ca-header { font-size: 5rem; font-weight:900; line-height:1.45; margin:18px 0; }\n.prod-wrap.ca-template .ca-text .row-header { font-size: 10rem; font-weight:900; line-height:2; margin:18px 0; text-align: center;}  \n.prod-wrap.ca-template .ca-subheader,\n.prod-wrap.ca-template .ca-text .row-subheader { font-size: 3rem; font-weight:900; line-height:1.45; margin-bottom:12px; color: red; }\n.prod-wrap.ca-template .ca-details { font-size: 2rem; font-weight:900; line-height:1.45; margin-bottom:12px; color:#000; } \n   \n\/* Animate color on hover for all titles *\/\n.prod-wrap.ca-template .specs-title:hover {\n  box-shadow: 0 20px 40px rgba(0,0,0,0.6);\n  animation: 2s infinite letterColorChange;\n}\n@keyframes letterColorChange {\n  0%,\n  100% {\n    color: red;\n  }\n  25% {\n    color: blue;\n  }\n  50% {\n    color: green;\n  }\n  75% {\n    color: orange;\n  }\n}\n \n\/* ---------- 50\/50 rows (kept for other products) ---------- *\/\n.prod-wrap.ca-template .ca-section { width:100%; margin-top:6px; }\n.prod-wrap.ca-template .ca-row { display:flex; gap:8px; align-items:center; margin-bottom:28px; backface-visibility: hidden;}\n.prod-wrap.ca-template .ca-row.reverse { flex-direction:row-reverse; }\n.prod-wrap.ca-template .ca-col { flex:0 0 50%; max-width:50%; padding:6px; box-sizing:border-box; position: relative;}\n\n\/* ---------- Features \/ Ideal \/ Marketing containers common styling ---------- *\/\n.prod-wrap.ca-template .ca-features,\n.prod-wrap.ca-template .ca-ideal,\n.prod-wrap.ca-template .ca-marketing {\n  margin:20px 0;\n  padding:18px;\n  background: rgba(255,255,255,0.04);\n  border-radius:12px;\n  box-shadow: 0 8px 32px rgba(0,0,0,0.65);\n}\n\n\/* Features list *\/\n.prod-wrap.ca-template .ca-features-list { list-style:none; padding-left:0; margin:8px 0 0 0; }\n.prod-wrap.ca-template .ca-features-list li { margin:10px 0; font-size: 3rem; font-weight:700; display:flex; align-items:center; gap:12px; }\n\n\/* Ideal \/ marketing lists: make each line hoverable for icon effect *\/\n.prod-wrap.ca-template .ca-ideal .ca-details p,\n.prod-wrap.ca-template .ca-marketing .ca-details p { margin:8px 0; font-size:3rem; font-weight:700; display:flex; align-items:center; gap:12px; }\n\n\/* ---------- Icon scaling \u0026 fade-in on hover ---------- *\/\n.ca-icon {\n  display: inline-block;\n  transform-origin: left center;\n  transition: transform 0.35s ease, opacity 0.35s ease;\n  font-size: 4rem; \/* base icon size *\/\n  line-height: 1;\n  opacity: 0.5;\n}\n\n\/* Effetto persistente su hover *\/\n.prod-wrap.ca-template .ca-features-list li:hover .ca-icon, \n.prod-wrap.ca-template .ca-ideal .ca-details p:hover .ca-icon, \n.prod-wrap.ca-template .ca-marketing .ca-details p:hover .ca-icon, \n.prod-wrap.ca-template .ca-faq details:hover .ca-icon, \n.prod-wrap.ca-template details[open] .ca-icon {\n  transform: scale(4) translateY(-30px);\n  opacity: 1;\n}\n\n\/* ---------- FAQ styling (modern) ---------- *\/\n.prod-wrap.ca-template .ca-faq { margin-top:2rem; border-top:2px groove var(--accent); padding-top:16px; }\n.prod-wrap.ca-template .ca-faq details { background: rgba(255,255,255,0.06); margin-bottom:10px; border-radius:12px; padding:12px 16px; cursor:pointer; transition: background .28s ease, transform .18s ease; }\n.prod-wrap.ca-template .ca-faq details[open] { background: rgba(255,255,255,0.12); }\n.prod-wrap.ca-template .ca-faq summary {\n  font-size:2rem;\n  color:red;\n  font-weight:700;\n  list-style:none;\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n}\n.prod-wrap.ca-template .ca-faq .arrow { transition: transform .28s ease; margin-left:8px; }\n.prod-wrap.ca-template .ca-faq details[open] .arrow { transform: rotate(180deg); }\n\n\/* ---------- Login prompt ---------- *\/\n.prod-wrap.ca-template .ca-login { margin-top:1rem; padding:10px 12px; font-size:2rem; font-weight:700; color:var(--accent); }\n\n\/* ---------- Reveal utilities (kept minimal) ---------- *\/\n\/* If your theme uses 'reveal' classes, these co-operate; otherwise harmless *\/\n.scroll-trigger { will-change: transform, opacity; }\n.animate--slide-in { transform: translateY(0); opacity:1; }\n\n\/* ---------- Responsive tweaks ---------- *\/\n@media (max-width: 1024px) {\n  .prod-wrap.ca-template { padding-left:16px; padding-right:16px; }\n  .prod-wrap.ca-template .specs-title { font-size:40px; }\n  .prod-wrap.ca-template .ca-header { font-size:36px; }\n  .prod-wrap.ca-template .ca-subheader { font-size:22px; }\n  .prod-wrap.ca-template .ca-text .row-header { font-size:36px; }\n  .prod-wrap.ca-template .ca-text .row-subheader { font-size:22px; }  \n  .prod-wrap.ca-template .ca-details { font-size:18px; }\n  .prod-wrap.ca-template .ca-features-list { margin:4px 0 0 0; }\n  .prod-wrap.ca-template .ca-features-list li { margin:4px 0; font-size: 18px; gap:4px; }\n  .prod-wrap.ca-template .ca-ideal .ca-details p,\n  .prod-wrap.ca-template .ca-marketing .ca-details p { margin:4px 0; font-size:18px; gap:4px; }\n  .ca-specs th, .ca-specs td { padding:6px 4px; font-size:14px; }  \n}\n\n@media (max-width: 600px) {\n  .prod-wrap.ca-template { padding-left:10px; padding-right:10px; }\n  .prod-wrap.ca-template .ca-row, .prod-wrap.ca-template .ca-row.reverse { flex-direction:column; }\n  .prod-wrap.ca-template .ca-col { max-width:100%; flex-basis:100%; }\n  .prod-wrap.ca-template .specs-title { font-size:32px; }\n  .prod-wrap.ca-template .ca-header { font-size:28px; }\n  .prod-wrap.ca-template .ca-subheader { font-size:18px; }\n  .prod-wrap.ca-template .ca-details { font-size:14px; }\n  .ca-specs th, .ca-specs td { padding:6px 4px; font-size:14px; }\n  .prod-wrap.ca-template .ca-text .row-header { font-size:28px; }\n  .prod-wrap.ca-template .ca-text .row-subheader { font-size:18px; }\n  .prod-wrap.ca-template .ca-features-list { margin:4px 0 0 0; }\n  .prod-wrap.ca-template .ca-features-list li { margin:4px 0; font-size: 14px; gap:4px; }\n  .prod-wrap.ca-template .ca-ideal .ca-details p,\n  .prod-wrap.ca-template .ca-marketing .ca-details p { margin:4px 0; font-size:14px; gap:4px; }\n}\n  \n\/* Responsive adjustments for tablet *\/\n@media (max-width: 1024px) {\n  .prod-wrap.ca-template .ca-desc-img,\n  .prod-wrap.ca-template .ca-desc-video {\n    border-radius: 10px;\n    margin: 12px 0;\n    box-shadow: 0 10px 24px rgba(0,0,0,0.55);\n  }\n}\n\n\/* Responsive adjustments for mobile *\/\n@media (max-width: 767px) {\n  .prod-wrap.ca-template .ca-desc-img,\n  .prod-wrap.ca-template .ca-desc-video {\n    margin: 10px 0;\n    border-radius: 8px;\n    box-shadow: 0 6px 14px rgba(0,0,0,0.45);\n  }\n\n  .prod-wrap.ca-template {\n    padding-left: 5px;\n    padding-right: 5px;\n  }\n}\n\n\/* Default desktop padding + centering *\/\n@media (min-width: 768px) {\n  .prod-wrap.ca-template {\n    padding-left: 20px;\n    padding-right: 20px;\n  }\n}\n\n\/* ---------- Useful Links Section ---------- *\/\n.ca-links {\n  background: rgba(255, 255, 255, 0.3);\n  background-image: url(\"https:\/\/cdn.shopify.com\/s\/files\/1\/0669\/3876\/5628\/files\/Red_striped_tie_with_matching_pocket_square_tie_clip_and_cufflinks_on_a_white_background.webp\");\n  background-size: contain;\n  background-position: center;\n  background-repeat: repeat;  \n  border-radius: 14px;\n  border: 2px groove #fff;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.6);\n  padding: 18px 24px;\n  margin-top: 2rem;\n  text-align: center;\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.ca-links:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 16px 40px rgba(0,0,0,0.7);\n}\n\n.ca-links .ca-subheader {\n  font-size: 3rem;\n  color: #000;\n  margin-bottom: 14px;\n  text-shadow: 0 2px 4px rgba(0,0,0,0.4);\n}\n\n.ca-links-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: grid;\n  gap: 8px;\n}\n\n.ca-links-list li a {\n  display: inline-block;\n  font-size: 3rem;\n  font-weight: 700;\n  color: yellow;\n  text-decoration: none;\n  transition: color 0.3s ease, transform 0.3s ease;\n}\n\n.ca-links-list li a:hover {\n  color: white;\n  transform: scale(1.5);\n  text-shadow: 0 2px 8px rgba(0,0,0,0.8);\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n  .ca-links {\n    padding: 14px;\n  }\n  .ca-links-list li a {\n    font-size: 18px;\n  }\n}\n\u003c\/style\u003e","brand":"Dsers","offers":[{"title":"THTCT-KZ1","offer_id":53727684952387,"sku":"1005008789270401-THTCT-KZ1","price":26.26,"currency_code":"USD","in_stock":true},{"title":"THTCT-KZ2","offer_id":53727684985155,"sku":"1005008789270401-THTCT-KZ2","price":26.26,"currency_code":"USD","in_stock":true},{"title":"THTCT-KG13","offer_id":53727685017923,"sku":"1005008789270401-THTCT-KG13","price":26.26,"currency_code":"USD","in_stock":true},{"title":"THTCT-KG15","offer_id":53727685050691,"sku":"1005008789270401-THTCT-KG15","price":26.26,"currency_code":"USD","in_stock":true},{"title":"THTCT-KC19","offer_id":53727685083459,"sku":"1005008789270401-THTCT-KC19","price":26.26,"currency_code":"USD","in_stock":true},{"title":"THTCT-KC21","offer_id":53727685116227,"sku":"1005008789270401-THTCT-KC21","price":26.26,"currency_code":"USD","in_stock":true},{"title":"THTCT-KC17","offer_id":53727685148995,"sku":"1005008789270401-THTCT-KC17","price":26.26,"currency_code":"USD","in_stock":true},{"title":"THTCT-KC18","offer_id":53727685181763,"sku":"1005008789270401-THTCT-KC18","price":26.26,"currency_code":"USD","in_stock":true},{"title":"THTCT-SC11","offer_id":53727685214531,"sku":"1005008789270401-THTCT-SC11","price":26.26,"currency_code":"USD","in_stock":true},{"title":"THTCT-SC17","offer_id":53727685247299,"sku":"1005008789270401-THTCT-SC17","price":26.26,"currency_code":"USD","in_stock":true},{"title":"THTCT-SB7","offer_id":53727685280067,"sku":"1005008789270401-THTCT-SB7","price":26.26,"currency_code":"USD","in_stock":true},{"title":"THTCT-SC10","offer_id":53727685312835,"sku":"1005008789270401-THTCT-SC10","price":26.26,"currency_code":"USD","in_stock":true},{"title":"THTCT-KZ15","offer_id":53727685345603,"sku":"1005008789270401-THTCT-KZ15","price":26.26,"currency_code":"USD","in_stock":true},{"title":"THTCT-SB2","offer_id":53727685378371,"sku":"1005008789270401-THTCT-SB2","price":26.26,"currency_code":"USD","in_stock":true},{"title":"THTCT-KZ3","offer_id":53727685411139,"sku":"1005008789270401-THTCT-KZ3","price":26.26,"currency_code":"USD","in_stock":true},{"title":"THTCT-KZ14","offer_id":53727685443907,"sku":"1005008789270401-THTCT-KZ14","price":26.26,"currency_code":"USD","in_stock":true},{"title":"THTCT-SC19","offer_id":53727685476675,"sku":"1005008789270401-THTCT-SC19","price":26.26,"currency_code":"USD","in_stock":true},{"title":"THTCT-KW7","offer_id":53727685509443,"sku":"1005008789270401-THTCT-KW7","price":26.26,"currency_code":"USD","in_stock":true},{"title":"THTCT-G18","offer_id":53727685542211,"sku":"1005008789270401-THTCT-G18","price":26.26,"currency_code":"USD","in_stock":true},{"title":"THTCT-G19","offer_id":53727685574979,"sku":"1005008789270401-THTCT-G19","price":26.26,"currency_code":"USD","in_stock":true},{"title":"THTCT-G17","offer_id":53727685607747,"sku":"1005008789270401-THTCT-G17","price":26.26,"currency_code":"USD","in_stock":true},{"title":"THTCT-K12","offer_id":53727685640515,"sku":"1005008789270401-THTCT-K12","price":26.26,"currency_code":"USD","in_stock":true},{"title":"THTCT-KC1","offer_id":53727685673283,"sku":"1005008789270401-THTCT-KC1","price":26.26,"currency_code":"USD","in_stock":true},{"title":"THTCT-HB18","offer_id":53727685706051,"sku":"1005008789270401-THTCT-HB18","price":26.26,"currency_code":"USD","in_stock":true},{"title":"THTCT-K5","offer_id":53727685738819,"sku":"1005008789270401-THTCT-K5","price":26.26,"currency_code":"USD","in_stock":true},{"title":"THTCT-HB3","offer_id":53727685771587,"sku":"1005008789270401-THTCT-HB3","price":26.26,"currency_code":"USD","in_stock":true},{"title":"THTCT-HB7","offer_id":53727685804355,"sku":"1005008789270401-THTCT-HB7","price":26.26,"currency_code":"USD","in_stock":true},{"title":"THTCT-HB1","offer_id":53727685837123,"sku":"1005008789270401-THTCT-HB1","price":26.26,"currency_code":"USD","in_stock":true},{"title":"THTCT-HB2","offer_id":53727685869891,"sku":"1005008789270401-THTCT-HB2","price":26.26,"currency_code":"USD","in_stock":true},{"title":"THTCT-KC15","offer_id":53727685902659,"sku":"1005008789270401-THTCT-KC15","price":26.26,"currency_code":"USD","in_stock":true},{"title":"THTCT-KC16","offer_id":53727685935427,"sku":"1005008789270401-THTCT-KC16","price":26.26,"currency_code":"USD","in_stock":true},{"title":"THTCT-KC13","offer_id":53727685968195,"sku":"1005008789270401-THTCT-KC13","price":26.26,"currency_code":"USD","in_stock":true},{"title":"THTCT-KC14","offer_id":53727686000963,"sku":"1005008789270401-THTCT-KC14","price":26.26,"currency_code":"USD","in_stock":true},{"title":"THTCT-KC8","offer_id":53727686033731,"sku":"1005008789270401-THTCT-KC8","price":26.26,"currency_code":"USD","in_stock":true},{"title":"THTCT-KC12","offer_id":53727686066499,"sku":"1005008789270401-THTCT-KC12","price":26.26,"currency_code":"USD","in_stock":true},{"title":"THTCT-KC2","offer_id":53727686099267,"sku":"1005008789270401-THTCT-KC2","price":26.26,"currency_code":"USD","in_stock":true},{"title":"THTCT-KC5","offer_id":53727686132035,"sku":"1005008789270401-THTCT-KC5","price":26.26,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0669\/3876\/5628\/files\/Red-striped-tie-with-matching-pocket-square-tie-clip-and-cufflinks-on-a-white-background-_1.webp?v=1774011248"},{"product_id":"grey-brown-green-paisley-tie","title":"Grey Brown Green Paisley Wedding and Business Necktie for Men","description":"\u003cdiv class=\"prod-wrap ca-template scroll-trigger animate--slide-in\"\u003e\n\u003c!-- MAIN DESCRIPTION (FIRST INDEXED CONTENT) --\u003e\n\u003cdiv class=\"ca-details scroll-trigger animate--slide-in\"\u003eElevate your formal wardrobe with this grey, brown and green paisley flower necktie, designed for modern men who appreciate timeless elegance for business and wedding looks. Crafted from premium polyester with a smooth finish, this versatile tie delivers a refined drape at 145 cm long and 7 cm wide, ideal for suits, dress shirts and groom outfits. Perfect for the office, special celebrations or everyday sophistication, it offers a durable, easy-care construction and comes ready as a thoughtful gift for grooms, groomsmen or business professionals.\u003c\/div\u003e\n\u003c!-- SPECIFICATIONS --\u003e\n\u003cdiv class=\"specs-wrapper scroll-trigger animate--slide-in\"\u003e\n\u003cdiv class=\"specs-content\"\u003e\n\u003cdiv class=\"specs-title\"\u003eProduct Specifications\u003c\/div\u003e\n\u003ctable role=\"table\" aria-label=\"Paisley necktie specifications\" class=\"ca-specs\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth\u003eCraft of Weaving\u003c\/th\u003e\n\u003ctd\u003eTat\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eDepartment\u003c\/th\u003e\n\u003ctd\u003eAdult\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eGender\u003c\/th\u003e\n\u003ctd\u003eMen, women\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eChemicals of Concern\u003c\/th\u003e\n\u003ctd\u003eNone highly concerned\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eItem Type\u003c\/th\u003e\n\u003ctd\u003eTies\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eMaterial\u003c\/th\u003e\n\u003ctd\u003ePolyester\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eModel Number\u003c\/th\u003e\n\u003ctd\u003e145 cm × 7 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003ePattern Type\u003c\/th\u003e\n\u003ctd\u003ePaisley, floral\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003ctd\u003eOne size\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eStyle\u003c\/th\u003e\n\u003ctd\u003eFashion, business, wedding\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eTies Type\u003c\/th\u003e\n\u003ctd\u003eNeck tie\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eLength\u003c\/th\u003e\n\u003ctd\u003e145 cm \/ 57 in (approximate)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eWidth\u003c\/th\u003e\n\u003ctd\u003e7 cm \/ 2.75 in (maximum)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eColors\u003c\/th\u003e\n\u003ctd\u003eGrey, brown, green tones\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003ePackage\u003c\/th\u003e\n\u003ctd\u003e1 tie + 1 OPP bag\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eCare\u003c\/th\u003e\n\u003ctd\u003eDo not bleach, dry clean or machine wash\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eSemi Choice\u003c\/th\u003e\n\u003ctd\u003eYes\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- HERO TITLE --\u003e\n\u003ch2 style=\"text-align: center;\" class=\"ca-header scroll-trigger animate--slide-in\"\u003e\u003cspan style=\"color: rgb(179, 179, 179);\"\u003eGrey Brown Green Paisley Wedding and Business Necktie for Men\u003c\/span\u003e\u003c\/h2\u003e\n\u003cdiv style=\"text-align: center;\" class=\"ca-subheader scroll-trigger animate--slide-in\"\u003eNew design paisley tie • 145 cm × 7 cm necktie • Elegant accessory for weddings, business and gifts\u003c\/div\u003e\n\u003c!-- SIZE \/ DIMENSIONS INFO --\u003e\n\u003cdiv class=\"ca-features scroll-trigger animate--slide-in\"\u003e\n\u003ch3 class=\"specs-title\"\u003eTie Dimensions\u003c\/h3\u003e\n\u003cul class=\"ca-features-list\"\u003e\n\u003cli\u003e\n\u003cspan class=\"ca-icon\"\u003e📏\u003c\/span\u003eStandard length around 145 cm suitable for most adult neck sizes and tie knots.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ca-icon\"\u003e📐\u003c\/span\u003eClassic 7 cm width at the widest point for a balanced, modern silhouette.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ca-icon\"\u003e🎯\u003c\/span\u003eOne size design that pairs well with regular, slim and tailored fit suits.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"ca-details\"\u003eQuantity per package is one necktie, packed in a protective OPP bag to keep the fabric clean and smooth until use.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- IMAGES --\u003e\n\u003cdiv class=\"ca-images\"\u003e\n\u003cimg loading=\"eager\" class=\"ca-desc-img\" alt=\"Grey brown green paisley wedding necktie front view\" src=\"https:\/\/ae01.alicdn.com\/kf\/S1bec84394b5f46689f10f967ada95fd5M.jpg\"\u003e \u003cimg loading=\"lazy\" class=\"ca-desc-img\" alt=\"Paisley flower necktie close-up of pattern\" src=\"https:\/\/ae01.alicdn.com\/kf\/S7f90364c221b49af915e6bb4e063d1791.jpg\"\u003e \u003cimg loading=\"lazy\" class=\"ca-desc-img\" alt=\"Grey brown green floral tie folded presentation\" src=\"https:\/\/ae01.alicdn.com\/kf\/Sdcbd805eba0f46bfb977660048da9161G.jpg\"\u003e \u003cimg loading=\"lazy\" class=\"ca-desc-img\" alt=\"Wedding men tie styled with white shirt and suit\" src=\"https:\/\/ae01.alicdn.com\/kf\/Sa25468d536fc4cc497fbff88323bb0edD.jpg\"\u003e \u003cimg loading=\"lazy\" class=\"ca-desc-img\" alt=\"Business paisley necktie on hanger\" src=\"https:\/\/ae01.alicdn.com\/kf\/Sec887b17f3f14779a18f13b5835a69b7g.jpg\"\u003e \u003cimg loading=\"lazy\" class=\"ca-desc-img\" alt=\"Close-up of tie fabric texture and paisley motif\" src=\"https:\/\/ae01.alicdn.com\/kf\/Scc607cbadec440c68fa2174957b2760aU.jpg\"\u003e \u003cimg loading=\"lazy\" class=\"ca-desc-img\" alt=\"Men’s paisley tie knot detail\" src=\"https:\/\/ae01.alicdn.com\/kf\/Saaf24a45c47249dfbaa1115f0b32a43ew.jpg\"\u003e \u003cimg loading=\"lazy\" class=\"ca-desc-img\" alt=\"Grey brown green necktie paired with suit jacket\" src=\"https:\/\/ae01.alicdn.com\/kf\/S5a77e5c6c4904a4aa2e0821e8ad0865eb.jpg\"\u003e \u003cimg loading=\"lazy\" class=\"ca-desc-img\" alt=\"Multiple paisley ties displayed together\" src=\"https:\/\/ae01.alicdn.com\/kf\/Sca073455721a475ebc62f749cf90933a0.jpg\"\u003e \u003cimg loading=\"lazy\" class=\"ca-desc-img\" alt=\"Gift-ready paisley tie presentation\" src=\"https:\/\/ae01.alicdn.com\/kf\/Sfea1622174c54182815171cc3264438f9.jpg\"\u003e\n\u003c\/div\u003e\n\u003c!-- FEATURES --\u003e\n\u003cdiv class=\"ca-features scroll-trigger animate--slide-in\"\u003e\n\u003ch3 class=\"specs-title\"\u003eFeatures\u003c\/h3\u003e\n\u003cul class=\"ca-features-list\"\u003e\n\u003cli\u003e\n\u003cspan class=\"ca-icon\"\u003e🌿\u003c\/span\u003eElegant grey, brown and green paisley design that works for weddings, business meetings and formal events.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ca-icon\"\u003e👔\u003c\/span\u003eVersatile necktie that pairs easily with white, light blue, cream and neutral dress shirts.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ca-icon\"\u003e🧵\u003c\/span\u003eSmooth polyester fabric that is durable, easy to maintain and resists wrinkles when properly stored.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ca-icon\"\u003e🎁\u003c\/span\u003eIdeal gift choice for grooms, groomsmen, colleagues and anyone who appreciates quality accessories.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ca-icon\"\u003e📦\u003c\/span\u003eComes as a single tie in an OPP bag, ready to be wrapped or added to a gift box.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- IDEAL FOR --\u003e\n\u003cdiv class=\"ca-ideal scroll-trigger animate--slide-in\"\u003e\n\u003ch4 class=\"specs-title\"\u003eIdeal for\u003c\/h4\u003e\n\u003cdiv class=\"ca-details\"\u003e\n\u003cp\u003e\u003cspan class=\"ca-icon\"\u003e💍\u003c\/span\u003eGrooms, groomsmen and wedding guests looking for a refined paisley tie that complements suits and tuxedos.\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"ca-icon\"\u003e🏢\u003c\/span\u003eBusiness professionals who want a stylish yet classic patterned tie for the office and meetings.\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"ca-icon\"\u003e🎉\u003c\/span\u003eFormal parties, celebrations and special occasions where a patterned tie adds personality to your look.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- MARKETING \/ TRUST --\u003e\n\u003cdiv class=\"ca-marketing scroll-trigger animate--slide-in\"\u003e\n\u003ch4 class=\"specs-title\"\u003eWhy choose this tie\u003c\/h4\u003e\n\u003cdiv class=\"ca-details\"\u003e\n\u003cp\u003e\u003cspan class=\"ca-icon\"\u003e✔️\u003c\/span\u003eBalanced length and width that suit most body types and knot styles, from four-in-hand to half Windsor.\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"ca-icon\"\u003e🧩\u003c\/span\u003eColor palette designed to coordinate with classic navy, charcoal, black and brown suits.\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"ca-icon\"\u003e🕒\u003c\/span\u003eEasy-care polyester material that keeps its shape and pattern with proper storage and gentle spot cleaning.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ===== Scoped CSS Style ===== --\u003e\n\u003cstyle\u003e\n\/* ---------- Base container ---------- *\/\n.prod-wrap.ca-template {\n  --accent: #E9F928;\n  --text: #000;\n  --muted: #fff;\n  color: var(--text);\n  width: 100%;\n  perspective: 1000px;\n  padding: 18px 24px; \/* spacing left\/right so images don't touch edges *\/\n  max-width: 100%;\n  margin: 12px auto 32px;\n  position: relative;\n  overflow: hidden;\n  border-radius: 25px;\n  border: 2px groove #fff;\n  box-shadow: 0 18px 20px rgba(0,0,0,0.50);\n  background: rgba(255, 255, 255, 0.55);\n}\n\/* Abilita il contesto 3D lungo tutta la gerarchia *\/\n.prod-wrap.ca-template,\n.prod-wrap.ca-template .ca-images,\n.prod-wrap.ca-template .ca-row,\n.prod-wrap.ca-template .ca-col {\n  transform-style: preserve-3d;\n}  \n\/* ---------- Video \/ images ---------- *\/\n\/* Full-width images used in ca-description *\/\n.prod-wrap.ca-template .ca-images {\n  width: 100%;\n  box-sizing: border-box;\n  margin: 12px 0;\n  padding: 10px 20;\n  padding-bottom: 20px;\n  display: block;\n  position: relative;\n  transform-style: preserve-3d;\n}  \n\/* ---------- Video \/ images ---------- *\/\n.ca-desc-video {\n  position: relative;\n  width: 100%;\n  margin: 18px 0;\n  border: 2px groove #fff;\n  border-radius: 12px;\n  box-shadow: 0 18px 40px rgba(0,0,0,0.75);\n  background: #000;\n  cursor: pointer;\n  transition: box-shadow 0.4s ease, filter 0.4s ease;\n}\n\n\/* Video element itself *\/\n.ca-desc-video-el {\n  width: 100%;\n  height: auto;\n  display: block;\n  object-fit: cover;\n  box-shadow: 0 12px 30px rgba(0,0,0,0.65);\n  transition: filter 0.4s ease, box-shadow 0.4s ease, opacity 0.4s ease;\n}\n \n\/* Stile base per immagini *\/\n.ca-desc-img {\n  display: block;\n  width: 100%;\n  height: auto;\n  margin: 18px 0;\n  border-radius: 12px;\n  border: 2px groove #fff;\n  box-shadow: 0 24px 50px -12px rgba(0, 0, 0, 0.85);\n  transition: transform 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55), box-shadow 0.5s ease, filter 0.4s ease;\n  transform-style: preserve-3d;\n  backface-visibility: hidden;\n  will-change: transform, box-shadow;\n\n  \/* 👇 Stato iniziale \"3D lontano\" per immagini *\/\n  transform: scale(0.70) rotateY(2deg) rotateX(2deg) translateY(0px) translateX(0px);\n  filter: contrast(95%) brightness(98%) saturate(90%);\n}\n\/* Effetto hover 3D avanzato per immagini *\/\n.ca-desc-img:hover {\n  transform: scale(1) rotateY(0deg) rotateX(0deg) translateY(0px) translateX(-0px);\n  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6), 0 4px 8px rgba(0, 0, 0, 0.3);\n  filter: contrast(100%) brightness(100%) saturate(100%);\n  z-index: 10;\n  position: relative; \/* necessario per z-index *\/\n} \n  \n\/* Stile base per video *\/\n.ca-desc-video {\n  display: block;\n  width: 100%;\n  height: auto;\n  margin: 18px 0;\n  border-radius: 12px;\n  border: 2px groove #fff;\n  box-shadow: 0 24px 50px -12px rgba(0, 0, 0, 0.85);\n  transition: \ntransform 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55), box-shadow 0.5s ease, filter 0.4s ease;\n  transform-style: preserve-3d;\n  backface-visibility: hidden;\n  will-change: transform, box-shadow;\n\n  \/* 👇 Stato iniziale \"3D lontano\" *\/\n  transform: scale(0.70) rotateY(-0deg) rotateX(0deg) translateY(0px) translateX(0px);\n  filter: contrast(95%) brightness(98%) saturate(90%);\n}\n\n  \/* Effetto hover 3D avanzato PER video *\/\n.ca-desc-video:hover {\n  transform: scale(1) rotateY(0deg) rotateX(1deg) translateY(0px) translateX(0px);\n  box-shadow: \n    0 12px 30px rgba(0, 0, 0, 0.6),\n    0 4px 8px rgba(0, 0, 0, 0.3);\n  filter: contrast(100%) brightness(100%) saturate(100%);\n  z-index: 10;\n  position: relative; \/* necessario per z-index *\/\n}    \n\/* ---------- Mute\/Unmute icon ---------- *\/\n.ca-video-sound-icon {\n  position: absolute;\n  bottom: 18px;\n  right: 18px;\n  font-size: 3rem;\n  color: #fff;\n  background: rgba(0, 0, 0, 0.55);\n  border-radius: 50%;\n  padding: 8px 12px;\n  cursor: pointer;\n  transition: transform .3s ease, opacity .3s ease, background .3s ease;\n  z-index: 9;\n}\n.ca-video-sound-icon:hover {\n  transform: scale(1.04);\n  background: rgba(255, 255, 255, 0.25);\n  box-shadow: 0 18px 40px rgba(0,0,0,0.75);\n}\n  \n\/* Small spacing for consecutive images *\/\n.prod-wrap.ca-template .ca-desc-img + .ca-desc-img { margin-top:18px; }\n\n\/* ---------- Specs wrapper with animated background under the table ---------- *\/\n.specs-wrapper {\n  display:grid;\n  place-items:center;\n  position:relative;\n  border-radius:16px;\n  border:5px groove #fff;\n  margin:18px auto;\n  width:100%;\n  max-width:1500px;\n  box-shadow:4px 4px 8px rgba(0,0,0,0.5);\n  background:none;\n}\n\n\/* background-image under the table (use a direct image URL) *\/\n.specs-wrapper::before {\n  content: '';\n  position:absolute;\n  top:0; left:0;\n  width:100%; height:100%;\n  background-image: url(\"https:\/\/cdn.shopify.com\/s\/files\/1\/0669\/3876\/5628\/files\/Grey_Paisley_Necktie.webp\");\n  background-size: contain;\n  background-position: center;\n  background-repeat: no-repeat;\n  z-index:0;\n  transform: scale(0.5);\n  transition: transform 4s ease;\n  will-change: transform;\n}\n  .specs-wrapper:hover::before {\n    animation: pulse3D 12s infinite ease-in-out;\n  }  \n@keyframes pulse3D {\n  0% { transform: translateX(0) scale(0.5) rotateY(0deg) skewX(0deg); }\n  33% { transform: translateX(-190px) scale(1.05) rotateY(-10deg) skewX(15deg); }\n  66% { transform: translateX(190px) scale(1.09) rotateY(10deg) skewX(-15deg); }\n  100% { transform: translateX(0) scale(0.5) rotateY(0deg) skewX(0deg); }\n}\n\n.specs-content { position:relative; z-index:2; padding:24px; width:100%; box-sizing:border-box; }\n\n\/* Table styling *\/\n.ca-specs {\n  width:100%;\n  border-collapse: collapse;\n  text-align:left;\n  color: #ff0;\n  font-size:2rem;\n  border-radius:12px;\n  box-shadow: 2px 2px 4px rgba(0,0,0,0.4);\n}\n.ca-specs th, .ca-specs td {\n  border:2px groove #fff;\n  padding:12px 14px;\n  vertical-align:top;\n  font-weight:700;\n}\n.ca-specs thead th { background: rgba(0,0,0,0.35); font-size:20px; }\n.ca-specs tbody tr:nth-child(odd) { background: rgba(255,255,255,0.08); }\n.ca-specs tbody tr:hover {\n  background: rgba(0,0,0,0.55);\n  box-shadow: 2px 2px 8px rgba(0,0,0,0.45);\n  animation: rowGlow 1.2s ease-in-out infinite alternate;\n}\n\n@keyframes rowGlow { \n  0% { background-color: rgba(255,255,255,0.8); } \n  25% { background-color: rgba(255,255,200,0.8); } 50% { background-color: rgba(200,255,255,0.8); } \n  75% { background-color: rgba(255,200,200,0.8); } 100% { background-color: rgba(200,200,255,0.8); } }\n\n\/* ---------- title letterColorChange ---------- *\/  \n\n.prod-wrap.ca-template .specs-title {\n  position: relative;\n  background-color: rgba(255,255,255,0.4);\n  font-weight: 900;\n  margin-bottom: 1rem;\n  text-align: center;\n  border-radius: 12px;\n  padding: 0.5rem 1rem;\n  box-shadow: 2px 2px 4px 4px rgba(0,0,0,0.4);\n  color: #000;\n  transition: color 0.3s ease;\n}\n\/* Headers \u0026 text *\/\n.prod-wrap.ca-template .specs-title { font-size: 7rem; font-weight:900; line-height:1.45; margin-bottom:12px; color:#ffffff; }   \n.prod-wrap.ca-template .ca-header { font-size: 5rem; font-weight:900; line-height:1.45; margin:18px 0; }\n.prod-wrap.ca-template .ca-text .row-header { font-size: 10rem; font-weight:900; line-height:2; margin:18px 0; text-align: center;}  \n.prod-wrap.ca-template .ca-subheader,\n.prod-wrap.ca-template .ca-text .row-subheader { font-size: 3rem; font-weight:900; line-height:1.45; margin-bottom:12px; color: red; }\n.prod-wrap.ca-template .ca-details { font-size: 2rem; font-weight:900; line-height:1.45; margin-bottom:12px; color:#000; } \n   \n\/* Animate color on hover for all titles *\/\n.prod-wrap.ca-template .specs-title:hover {\n  box-shadow: 0 20px 40px rgba(0,0,0,0.6);\n  animation: 2s infinite letterColorChange;\n}\n@keyframes letterColorChange {\n  0%,\n  100% {\n    color: red;\n  }\n  25% {\n    color: blue;\n  }\n  50% {\n    color: green;\n  }\n  75% {\n    color: orange;\n  }\n}\n \n\/* ---------- 50\/50 rows (kept for other products) ---------- *\/\n.prod-wrap.ca-template .ca-section { width:100%; margin-top:6px; }\n.prod-wrap.ca-template .ca-row { display:flex; gap:8px; align-items:center; margin-bottom:28px; backface-visibility: hidden;}\n.prod-wrap.ca-template .ca-row.reverse { flex-direction:row-reverse; }\n.prod-wrap.ca-template .ca-col { flex:0 0 50%; max-width:50%; padding:6px; box-sizing:border-box; position: relative;}\n\n\/* ---------- Features \/ Ideal \/ Marketing containers common styling ---------- *\/\n.prod-wrap.ca-template .ca-features,\n.prod-wrap.ca-template .ca-ideal,\n.prod-wrap.ca-template .ca-marketing {\n  margin:20px 0;\n  padding:18px;\n  background: rgba(255,255,255,0.04);\n  border-radius:12px;\n  box-shadow: 0 8px 32px rgba(0,0,0,0.65);\n}\n\n\/* Features list *\/\n.prod-wrap.ca-template .ca-features-list { list-style:none; padding-left:0; margin:8px 0 0 0; }\n.prod-wrap.ca-template .ca-features-list li { margin:10px 0; font-size: 3rem; font-weight:700; display:flex; align-items:center; gap:12px; }\n\n\/* Ideal \/ marketing lists: make each line hoverable for icon effect *\/\n.prod-wrap.ca-template .ca-ideal .ca-details p,\n.prod-wrap.ca-template .ca-marketing .ca-details p { margin:8px 0; font-size:3rem; font-weight:700; display:flex; align-items:center; gap:12px; }\n\n\/* ---------- Icon scaling \u0026 fade-in on hover ---------- *\/\n.ca-icon {\n  display: inline-block;\n  transform-origin: left center;\n  transition: transform 0.35s ease, opacity 0.35s ease;\n  font-size: 4rem; \/* base icon size *\/\n  line-height: 1;\n  opacity: 0.5;\n}\n\n\/* Effetto persistente su hover *\/\n.prod-wrap.ca-template .ca-features-list li:hover .ca-icon, \n.prod-wrap.ca-template .ca-ideal .ca-details p:hover .ca-icon, \n.prod-wrap.ca-template .ca-marketing .ca-details p:hover .ca-icon, \n.prod-wrap.ca-template .ca-faq details:hover .ca-icon, \n.prod-wrap.ca-template details[open] .ca-icon {\n  transform: scale(4) translateY(-30px);\n  opacity: 1;\n}\n\n\/* ---------- FAQ styling (modern) ---------- *\/\n.prod-wrap.ca-template .ca-faq { margin-top:2rem; border-top:2px groove var(--accent); padding-top:16px; }\n.prod-wrap.ca-template .ca-faq details { background: rgba(255,255,255,0.06); margin-bottom:10px; border-radius:12px; padding:12px 16px; cursor:pointer; transition: background .28s ease, transform .18s ease; }\n.prod-wrap.ca-template .ca-faq details[open] { background: rgba(255,255,255,0.12); }\n.prod-wrap.ca-template .ca-faq summary {\n  font-size:2rem;\n  color:red;\n  font-weight:700;\n  list-style:none;\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n}\n.prod-wrap.ca-template .ca-faq .arrow { transition: transform .28s ease; margin-left:8px; }\n.prod-wrap.ca-template .ca-faq details[open] .arrow { transform: rotate(180deg); }\n\n\/* ---------- Login prompt ---------- *\/\n.prod-wrap.ca-template .ca-login { margin-top:1rem; padding:10px 12px; font-size:2rem; font-weight:700; color:var(--accent); }\n\n\/* ---------- Reveal utilities (kept minimal) ---------- *\/\n\/* If your theme uses 'reveal' classes, these co-operate; otherwise harmless *\/\n.scroll-trigger { will-change: transform, opacity; }\n.animate--slide-in { transform: translateY(0); opacity:1; }\n\n\/* ---------- Responsive tweaks ---------- *\/\n@media (max-width: 1024px) {\n  .prod-wrap.ca-template { padding-left:16px; padding-right:16px; }\n  .prod-wrap.ca-template .specs-title { font-size:40px; }\n  .prod-wrap.ca-template .ca-header { font-size:36px; }\n  .prod-wrap.ca-template .ca-subheader { font-size:22px; }\n  .prod-wrap.ca-template .ca-text .row-header { font-size:36px; }\n  .prod-wrap.ca-template .ca-text .row-subheader { font-size:22px; }  \n  .prod-wrap.ca-template .ca-details { font-size:18px; }\n  .prod-wrap.ca-template .ca-features-list { margin:4px 0 0 0; }\n  .prod-wrap.ca-template .ca-features-list li { margin:4px 0; font-size: 18px; gap:4px; }\n  .prod-wrap.ca-template .ca-ideal .ca-details p,\n  .prod-wrap.ca-template .ca-marketing .ca-details p { margin:4px 0; font-size:18px; gap:4px; }\n  .ca-specs th, .ca-specs td { padding:6px 4px; font-size:14px; }  \n}\n\n@media (max-width: 600px) {\n  .prod-wrap.ca-template { padding-left:10px; padding-right:10px; }\n  .prod-wrap.ca-template .ca-row, .prod-wrap.ca-template .ca-row.reverse { flex-direction:column; }\n  .prod-wrap.ca-template .ca-col { max-width:100%; flex-basis:100%; }\n  .prod-wrap.ca-template .specs-title { font-size:32px; }\n  .prod-wrap.ca-template .ca-header { font-size:28px; }\n  .prod-wrap.ca-template .ca-subheader { font-size:18px; }\n  .prod-wrap.ca-template .ca-details { font-size:14px; }\n  .ca-specs th, .ca-specs td { padding:6px 4px; font-size:14px; }\n  .prod-wrap.ca-template .ca-text .row-header { font-size:28px; }\n  .prod-wrap.ca-template .ca-text .row-subheader { font-size:18px; }\n  .prod-wrap.ca-template .ca-features-list { margin:4px 0 0 0; }\n  .prod-wrap.ca-template .ca-features-list li { margin:4px 0; font-size: 14px; gap:4px; }\n  .prod-wrap.ca-template .ca-ideal .ca-details p,\n  .prod-wrap.ca-template .ca-marketing .ca-details p { margin:4px 0; font-size:14px; gap:4px; }\n}\n  \n\/* Responsive adjustments for tablet *\/\n@media (max-width: 1024px) {\n  .prod-wrap.ca-template .ca-desc-img,\n  .prod-wrap.ca-template .ca-desc-video {\n    border-radius: 10px;\n    margin: 12px 0;\n    box-shadow: 0 10px 24px rgba(0,0,0,0.55);\n  }\n}\n\n\/* Responsive adjustments for mobile *\/\n@media (max-width: 767px) {\n  .prod-wrap.ca-template .ca-desc-img,\n  .prod-wrap.ca-template .ca-desc-video {\n    margin: 10px 0;\n    border-radius: 8px;\n    box-shadow: 0 6px 14px rgba(0,0,0,0.45);\n  }\n\n  .prod-wrap.ca-template {\n    padding-left: 5px;\n    padding-right: 5px;\n  }\n}\n\n\/* Default desktop padding + centering *\/\n@media (min-width: 768px) {\n  .prod-wrap.ca-template {\n    padding-left: 20px;\n    padding-right: 20px;\n  }\n}\n\n\/* ---------- Useful Links Section ---------- *\/\n.ca-links {\n  background: rgba(255, 255, 255, 0.3);\n  background-image: url(\"https:\/\/cdn.shopify.com\/s\/files\/1\/0669\/3876\/5628\/files\/Grey_Paisley_Necktie.webp\");\n  background-size: contain;\n  background-position: center;\n  background-repeat: repeat;  \n  border-radius: 14px;\n  border: 2px groove #fff;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.6);\n  padding: 18px 24px;\n  margin-top: 2rem;\n  text-align: center;\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.ca-links:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 16px 40px rgba(0,0,0,0.7);\n}\n\n.ca-links .ca-subheader {\n  font-size: 3rem;\n  color: #000;\n  margin-bottom: 14px;\n  text-shadow: 0 2px 4px rgba(0,0,0,0.4);\n}\n\n.ca-links-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: grid;\n  gap: 8px;\n}\n\n.ca-links-list li a {\n  display: inline-block;\n  font-size: 3rem;\n  font-weight: 700;\n  color: yellow;\n  text-decoration: none;\n  transition: color 0.3s ease, transform 0.3s ease;\n}\n\n.ca-links-list li a:hover {\n  color: white;\n  transform: scale(1.5);\n  text-shadow: 0 2px 8px rgba(0,0,0,0.8);\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n  .ca-links {\n    padding: 14px;\n  }\n  .ca-links-list li a {\n    font-size: 18px;\n  }\n}\n\u003c\/style\u003e","brand":"Dsers","offers":[{"title":"1","offer_id":53727692292419,"sku":"1005007142899561-1","price":17.11,"currency_code":"USD","in_stock":true},{"title":"2","offer_id":53727692325187,"sku":"1005007142899561-2","price":17.11,"currency_code":"USD","in_stock":true},{"title":"3","offer_id":53727692226883,"sku":"1005007142899561-3","price":17.11,"currency_code":"USD","in_stock":true},{"title":"4","offer_id":53727692259651,"sku":"1005007142899561-4","price":17.11,"currency_code":"USD","in_stock":true},{"title":"5","offer_id":53727692423491,"sku":"1005007142899561-5","price":17.11,"currency_code":"USD","in_stock":true},{"title":"6","offer_id":53727692456259,"sku":"1005007142899561-6","price":17.11,"currency_code":"USD","in_stock":true},{"title":"7","offer_id":53727692357955,"sku":"1005007142899561-7","price":17.11,"currency_code":"USD","in_stock":true},{"title":"8","offer_id":53727692390723,"sku":"1005007142899561-8","price":17.11,"currency_code":"USD","in_stock":true},{"title":"9","offer_id":53727692554563,"sku":"1005007142899561-9","price":17.11,"currency_code":"USD","in_stock":true},{"title":"10","offer_id":53727692587331,"sku":"1005007142899561-10","price":17.11,"currency_code":"USD","in_stock":true},{"title":"11","offer_id":53727692489027,"sku":"1005007142899561-11","price":17.11,"currency_code":"USD","in_stock":true},{"title":"12","offer_id":53727692521795,"sku":"1005007142899561-12","price":17.11,"currency_code":"USD","in_stock":true},{"title":"13","offer_id":53727692685635,"sku":"1005007142899561-13","price":17.11,"currency_code":"USD","in_stock":true},{"title":"14","offer_id":53727692718403,"sku":"1005007142899561-14","price":17.11,"currency_code":"USD","in_stock":true},{"title":"15","offer_id":53727692620099,"sku":"1005007142899561-15","price":17.11,"currency_code":"USD","in_stock":true},{"title":"16","offer_id":53727692652867,"sku":"1005007142899561-16","price":17.11,"currency_code":"USD","in_stock":true},{"title":"17","offer_id":53727692816707,"sku":"1005007142899561-17","price":17.11,"currency_code":"USD","in_stock":true},{"title":"18","offer_id":53727692849475,"sku":"1005007142899561-18","price":17.11,"currency_code":"USD","in_stock":true},{"title":"19","offer_id":53727692751171,"sku":"1005007142899561-19","price":17.11,"currency_code":"USD","in_stock":true},{"title":"20","offer_id":53727692783939,"sku":"1005007142899561-20","price":17.11,"currency_code":"USD","in_stock":true},{"title":"21","offer_id":53727692947779,"sku":"1005007142899561-21","price":17.11,"currency_code":"USD","in_stock":true},{"title":"22","offer_id":53727692980547,"sku":"1005007142899561-22","price":17.11,"currency_code":"USD","in_stock":true},{"title":"23","offer_id":53727692882243,"sku":"1005007142899561-23","price":17.11,"currency_code":"USD","in_stock":true},{"title":"24","offer_id":53727692915011,"sku":"1005007142899561-24","price":17.11,"currency_code":"USD","in_stock":true},{"title":"25","offer_id":53727693078851,"sku":"1005007142899561-25","price":17.11,"currency_code":"USD","in_stock":true},{"title":"26","offer_id":53727693111619,"sku":"1005007142899561-26","price":17.11,"currency_code":"USD","in_stock":true},{"title":"27","offer_id":53727693013315,"sku":"1005007142899561-27","price":17.11,"currency_code":"USD","in_stock":true},{"title":"28","offer_id":53727693046083,"sku":"1005007142899561-28","price":17.11,"currency_code":"USD","in_stock":true},{"title":"29","offer_id":53727693209923,"sku":"1005007142899561-29","price":17.11,"currency_code":"USD","in_stock":true},{"title":"30","offer_id":53727693242691,"sku":"1005007142899561-30","price":17.11,"currency_code":"USD","in_stock":true},{"title":"31","offer_id":53727693144387,"sku":"1005007142899561-31","price":17.11,"currency_code":"USD","in_stock":true},{"title":"32","offer_id":53727693177155,"sku":"1005007142899561-32","price":17.11,"currency_code":"USD","in_stock":true},{"title":"33","offer_id":53727691669827,"sku":"1005007142899561-33","price":17.11,"currency_code":"USD","in_stock":true},{"title":"34","offer_id":53727691702595,"sku":"1005007142899561-34","price":17.11,"currency_code":"USD","in_stock":true},{"title":"35","offer_id":53727691604291,"sku":"1005007142899561-35","price":17.11,"currency_code":"USD","in_stock":true},{"title":"36","offer_id":53727691637059,"sku":"1005007142899561-36","price":17.11,"currency_code":"USD","in_stock":true},{"title":"37","offer_id":53727691800899,"sku":"1005007142899561-37","price":17.11,"currency_code":"USD","in_stock":true},{"title":"38","offer_id":53727691833667,"sku":"1005007142899561-38","price":17.11,"currency_code":"USD","in_stock":true},{"title":"39","offer_id":53727691735363,"sku":"1005007142899561-39","price":17.11,"currency_code":"USD","in_stock":true},{"title":"40","offer_id":53727691768131,"sku":"1005007142899561-40","price":17.11,"currency_code":"USD","in_stock":true},{"title":"41","offer_id":53727691931971,"sku":"1005007142899561-41","price":17.11,"currency_code":"USD","in_stock":true},{"title":"42","offer_id":53727691964739,"sku":"1005007142899561-42","price":17.11,"currency_code":"USD","in_stock":true},{"title":"43","offer_id":53727691866435,"sku":"1005007142899561-43","price":17.11,"currency_code":"USD","in_stock":true},{"title":"44","offer_id":53727691899203,"sku":"1005007142899561-44","price":17.11,"currency_code":"USD","in_stock":true},{"title":"45","offer_id":53727692063043,"sku":"1005007142899561-45","price":17.11,"currency_code":"USD","in_stock":true},{"title":"46","offer_id":53727692095811,"sku":"1005007142899561-46","price":17.11,"currency_code":"USD","in_stock":true},{"title":"47","offer_id":53727691997507,"sku":"1005007142899561-47","price":17.11,"currency_code":"USD","in_stock":true},{"title":"48","offer_id":53727692030275,"sku":"1005007142899561-48","price":17.11,"currency_code":"USD","in_stock":true},{"title":"49","offer_id":53727692161347,"sku":"1005007142899561-49","price":17.11,"currency_code":"USD","in_stock":true},{"title":"50","offer_id":53727692194115,"sku":"1005007142899561-50","price":17.11,"currency_code":"USD","in_stock":true},{"title":"51","offer_id":53727692128579,"sku":"1005007142899561-51","price":17.11,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0669\/3876\/5628\/files\/Grey-Paisley-Necktie-_1.webp?v=1774011144"},{"product_id":"lazy-zipper-mens-tie-business","title":"Lazy Zipper Men’s Tie Slim Formal Necktie","description":"\u003cdiv class=\"prod-wrap ca-template scroll-trigger animate--slide-in\"\u003e\n\u003c!-- MAIN DESCRIPTION (SEO FIRST CONTENT) --\u003e\n\u003cdiv class=\"ca-details scroll-trigger animate--slide-in\"\u003eThe \u003cstrong\u003eLazy Zipper Men’s Tie\u003c\/strong\u003e is the perfect solution for a polished business or formal look without the hassle of tying a traditional knot. Designed with a hidden zipper mechanism, this slim necktie delivers a clean, professional appearance in seconds. Crafted from high-quality polyester with a silk-like finish, it offers durability, comfort, and a modern fashion style suitable for daily office wear, formal events, and special occasions.\u003c\/div\u003e\n\u003c!-- SPECIFICATIONS --\u003e\n\u003cdiv class=\"specs-wrapper scroll-trigger animate--slide-in\"\u003e\n\u003cdiv class=\"specs-content\"\u003e\n\u003cdiv class=\"specs-title\"\u003e📋 Product Specifications\u003c\/div\u003e\n\u003ctable class=\"ca-specs\" aria-label=\"Product specifications\" role=\"table\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth\u003eItem Type\u003c\/th\u003e\n\u003ctd\u003eMen’s Necktie\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eBrand\u003c\/th\u003e\n\u003ctd\u003eNoEnName_Null\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eModel\u003c\/th\u003e\n\u003ctd\u003eYJ62947\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eMaterial\u003c\/th\u003e\n\u003ctd\u003ePolyester (Silk-like finish)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eStyle\u003c\/th\u003e\n\u003ctd\u003eFashion \/ Business Formal\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eDesign\u003c\/th\u003e\n\u003ctd\u003eStripe \u0026amp; Solid Color\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eClosure Type\u003c\/th\u003e\n\u003ctd\u003eHidden Zipper (Pre-tied)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eGender\u003c\/th\u003e\n\u003ctd\u003eMen\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eDepartment\u003c\/th\u003e\n\u003ctd\u003eAdult\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003ctd\u003e48 × 8 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eChemicals\u003c\/th\u003e\n\u003ctd\u003eNo High-Concern Chemicals\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003ePackage Includes\u003c\/th\u003e\n\u003ctd\u003e1 × Zipper Necktie\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- HERO TITLE --\u003e\n\u003ch2 class=\"ca-header scroll-trigger animate--slide-in\" style=\"text-align: center;\"\u003e\u003cspan style=\"color: rgb(33, 14, 126);\"\u003eLazy Zipper Men’s Tie Slim Business Formal Necktie\u003c\/span\u003e\u003c\/h2\u003e\n\u003cdiv class=\"ca-subheader scroll-trigger animate--slide-in\" style=\"text-align: center;\"\u003ePre-tied zipper necktie – elegant, fast to wear, and perfectly shaped\u003c\/div\u003e\n\u003c!-- FULL WIDTH IMAGES --\u003e\n\u003cdiv class=\"ca-images\"\u003e\n\u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/Scac77fa439b14ecd8f82cde6f1fc5359C.jpg\" alt=\"Lazy zipper men's tie business formal\" class=\"ca-desc-img scroll-trigger animate--slide-in\" loading=\"eager\"\u003e \u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/S6593236555ce48e9b62bcad8fcd9b8c9m.jpg\" alt=\"Pre-tied zipper necktie slim design\" class=\"ca-desc-img scroll-trigger animate--slide-in\" loading=\"lazy\"\u003e \u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/Sae4c77d65d6f4af4866085771c46d78aS.jpg\" alt=\"Men's formal zipper tie stripe pattern\" class=\"ca-desc-img scroll-trigger animate--slide-in\" loading=\"lazy\"\u003e \u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/Sc127ee1209fd45a68a3d021daebc9d30q.jpg\" alt=\"Easy wear zipper necktie for men\" class=\"ca-desc-img scroll-trigger animate--slide-in\" loading=\"lazy\"\u003e \u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/Sb258cb1218a949e7842953f645dd18a5I.jpg\" alt=\"Slim skinny zipper tie office wear\" class=\"ca-desc-img scroll-trigger animate--slide-in\" loading=\"lazy\"\u003e \u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/S14970e18235345418dd05ea499e7ec01b.jpg\" alt=\"Men fashion zipper tie solid color\" class=\"ca-desc-img scroll-trigger animate--slide-in\" loading=\"lazy\"\u003e \u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/S6781a09847204c7daa8da9db0173fac88.jpg\" alt=\"Business formal zipper tie polyester\" class=\"ca-desc-img scroll-trigger animate--slide-in\" loading=\"lazy\"\u003e \u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/Scce98c6a2e02452cb100963bc2109617m.jpg\" alt=\"Men zipper necktie gift idea\" class=\"ca-desc-img scroll-trigger animate--slide-in\" loading=\"lazy\"\u003e \u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/S7b3414ceedcc4e2aa8b8032fabe5dbfaz.jpg\" alt=\"Wholesale zipper ties for men\" class=\"ca-desc-img scroll-trigger animate--slide-in\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003c!-- FEATURES --\u003e\n\u003cdiv class=\"ca-features scroll-trigger animate--slide-in\"\u003e\n\u003ch3 class=\"specs-title\"\u003e💡 Features\u003c\/h3\u003e\n\u003cul class=\"ca-features-list\"\u003e\n\u003cli\u003e\n\u003cspan class=\"ca-icon\"\u003e⚡\u003c\/span\u003e Quick zipper design – no tying required\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ca-icon\"\u003e👔\u003c\/span\u003e Always perfectly shaped knot\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ca-icon\"\u003e✨\u003c\/span\u003e Slim and modern fashion style\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ca-icon\"\u003e💼\u003c\/span\u003e Ideal for business and formal wear\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ca-icon\"\u003e🎁\u003c\/span\u003e Great gift and wholesale option\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- IDEAL FOR --\u003e\n\u003cdiv class=\"ca-ideal scroll-trigger animate--slide-in\"\u003e\n\u003ch4 class=\"specs-title\"\u003e💡 Ideal for\u003c\/h4\u003e\n\u003cdiv class=\"ca-details\"\u003e\n\u003cp\u003e\u003cspan class=\"ca-icon\"\u003e✔️\u003c\/span\u003e Office and corporate environments\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"ca-icon\"\u003e✔️\u003c\/span\u003e Weddings and formal events\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"ca-icon\"\u003e✔️\u003c\/span\u003e Daily professional dress wear\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"ca-icon\"\u003e✔️\u003c\/span\u003e Gifts for men and business attire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ --\u003e\n\u003cdiv class=\"ca-faq scroll-trigger animate--slide-in\"\u003e\n\u003ch3 class=\"specs-title\"\u003e❔ Frequently Asked\u003c\/h3\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cspan class=\"ca-icon\"\u003e❓\u003c\/span\u003e Does the tie need to be tied?\u003cspan class=\"arrow\"\u003e▼\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"ca-details\"\u003eNo, it features a hidden zipper mechanism and comes pre-tied.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cspan class=\"ca-icon\"\u003e❓\u003c\/span\u003e Is it suitable for formal occasions?\u003cspan class=\"arrow\"\u003e▼\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"ca-details\"\u003eYes, it is designed for business meetings, formal events, and ceremonies.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cspan class=\"ca-icon\"\u003e❓\u003c\/span\u003e What material is it made of?\u003cspan class=\"arrow\"\u003e▼\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"ca-details\"\u003eIt is made from durable polyester with a silk-like appearance.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c!-- MARKETING --\u003e\n\u003cdiv class=\"ca-marketing scroll-trigger animate--slide-in\"\u003e\n\u003ch4 class=\"specs-title\"\u003e💡 Advantage\u003c\/h4\u003e\n\u003cdiv class=\"ca-details\"\u003e\n\u003cp\u003e\u003cspan class=\"ca-icon\"\u003e🚚\u003c\/span\u003e\u003cstrong\u003eFree tracked worldwide shipping\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"ca-icon\"\u003e🎁\u003c\/span\u003eUse code \u003cstrong\u003eMYFIRSTORDER\u003c\/strong\u003e for exclusive savings\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"ca-icon\"\u003e🔥\u003c\/span\u003e\u003cstrong\u003eLimited stock available\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"ca-icon\"\u003e🔒\u003c\/span\u003eSecure checkout with PayPal \u0026amp; major cards\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- LOGIN --\u003e\n\u003cdiv class=\"ca-login scroll-trigger animate--slide-in\"\u003e\n\u003cdiv class=\"ca-details\"\u003e🔐 \u003ca href=\"\/sv\/account\/login\" style=\"color: var(--accent); font-weight: bold; text-decoration: none;\"\u003e Log in with Google\u003c\/a\u003e to unlock coupons, free shipping upgrades \u0026amp; exclusive gifts.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ===== Scoped CSS Style ===== --\u003e\n\u003cstyle\u003e\n\/* ---------- Base container ---------- *\/\n.prod-wrap.ca-template {\n  --accent: #E9F928;\n  --text: #000;\n  --muted: #fff;\n  color: var(--text);\n  width: 100%;\n  padding: 18px 24px; \/* spacing left\/right so images don't touch edges *\/\n  max-width: 100%;\n  margin: 12px auto 32px;\n  position: relative;\n  overflow: hidden;\n  border-radius: 25px;\n  border: 2px groove #fff;\n  box-shadow: 0 18px 20px rgba(0,0,0,0.50);\n  background: rgba(255, 255, 255, 0.33);\n}\n\/* ---------- Video \/ images ---------- *\/\n\/* Full-width images used in ca-description *\/\n.prod-wrap.ca-template .ca-images {\n  width: 100%;\n  box-sizing: border-box;\n  margin: 12px 0;\n  padding: 0;\n  display: block;\n  position: relative;\n}  \n\/* ---------- Video \/ images ---------- *\/\n.prod-wrap.ca-template .ca-desc-video {\n  position: relative;\n  width: 100%;\n  margin: 18px 0;\n  border: 2px groove #fff;\n  border-radius: 12px;\n  overflow: hidden;\n  box-shadow: 0 18px 40px rgba(0,0,0,0.75);\n  background: #000;\n  cursor: pointer;\n  transition: box-shadow 0.4s ease, filter 0.4s ease;\n}\n\n\/* Video element itself *\/\n.prod-wrap.ca-template .ca-desc-video-el {\n  width: 100%;\n  height: auto;\n  display: block;\n  box-shadow: 0 12px 30px rgba(0,0,0,0.65);\n  opacity: 06;\n  transition: filter 0.4s ease, box-shadow 0.4s ease, opacity 0.4s ease;\n  object-fit: cover;\n}\n\n\/* ---------- Mute\/Unmute icon ---------- *\/\n.ca-video-sound-icon {\n  position: absolute;\n  bottom: 18px;\n  right: 18px;\n  font-size: 3rem;\n  color: #fff;\n  background: rgba(0, 0, 0, 0.55);\n  border-radius: 50%;\n  padding: 8px 12px;\n  cursor: pointer;\n  transition: transform .3s ease, opacity .3s ease, background .3s ease;\n  z-index: 9;\n}\n.ca-video-sound-icon:hover {\n  transform: scale(1.04);\n  background: rgba(255, 255, 255, 0.25);\n  box-shadow: 0 18px 40px rgba(0,0,0,0.75);\n}\n.prod-wrap.ca-template .ca-desc-img {\n  display: block;\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n  margin: 14px 0;\n  border-radius: 12px;\n  border: 2px groove #fff;\n  box-shadow: 0 12px 30px rgba(0,0,0,0.65);\n  opacity: 06;\n  transition: filter 0.4s ease, box-shadow 0.4s ease, opacity 0.4s ease;\n  object-fit: cover;\n  -webkit-backface-visibility: hidden;\n  backface-visibility: hidden;\n}\n\n\/* Elegant hover effect: glow \u0026 slight contrast boost *\/\n.prod-wrap.ca-template .ca-desc-img:hover,\n.prod-wrap.ca-template .ca-desc-video:hover .ca-desc-video-el {\n  opacity: 1;\n  box-shadow: 0 26px 60px rgba(0,0,0,0.85);\n}\n\n\/* Reduce animations for users who prefer reduced motion *\/\n@media (prefers-reduced-motion: reduce) {\n  .prod-wrap.ca-template .ca-desc-img,\n  .prod-wrap.ca-template .ca-desc-video {\n    transition: none !important;\n    transform: none !important;\n    opacity: 1 !important;\n  }\n}  \n\/* Small spacing for consecutive images *\/\n.prod-wrap.ca-template .ca-desc-img + .ca-desc-img { margin-top:18px; }\n\n\/* ---------- Specs wrapper with animated background under the table ---------- *\/\n.specs-wrapper {\n  display:grid;\n  place-items:center;\n  position:relative;\n  overflow:hidden;\n  border-radius:16px;\n  border:5px groove #fff;\n  margin:18px auto;\n  width:100%;\n  max-width:1500px;\n  box-shadow:4px 4px 8px rgba(0,0,0,0.5);\n  background:none;\n}\n\n\/* background-image under the table (use a direct image URL) *\/\n.specs-wrapper::before {\n  content: '';\n  position:absolute;\n  top:0; left:0;\n  width:100%; height:100%;\n  background-image: url(\"https:\/\/cdn.shopify.com\/s\/files\/1\/0669\/3876\/5628\/files\/Red_striped_tie_on_a_black_background.webp\");\n  background-size: contain;\n  background-position: center;\n  background-repeat: no-repeat;\n  z-index:0;\n  transform: scale(0.5);\n  transition: transform 4s ease;\n  will-change: transform;\n}\n  .specs-wrapper:hover::before {\n    animation: pulse3D 12s infinite ease-in-out;\n  }  \n@keyframes pulse3D {\n  0% { transform: translateX(0) scale(0.5) rotateY(0deg) skewX(0deg); }\n  33% { transform: translateX(-190px) scale(1.05) rotateY(-10deg) skewX(15deg); }\n  66% { transform: translateX(190px) scale(1.09) rotateY(10deg) skewX(-15deg); }\n  100% { transform: translateX(0) scale(0.5) rotateY(0deg) skewX(0deg); }\n}\n\n.specs-content { position:relative; z-index:2; padding:24px; width:100%; box-sizing:border-box; }\n\n\/* Table styling *\/\n.ca-specs {\n  width:100%;\n  border-collapse: collapse;\n  text-align:left;\n  color: #ff0;\n  font-size:2rem;\n  border-radius:12px;\n  overflow:hidden;\n  box-shadow: 2px 2px 4px rgba(0,0,0,0.4);\n}\n.ca-specs th, .ca-specs td {\n  border:2px groove #fff;\n  padding:12px 14px;\n  vertical-align:top;\n  font-weight:700;\n}\n.ca-specs thead th { background: rgba(0,0,0,0.35); font-size:20px; }\n.ca-specs tbody tr:nth-child(odd) { background: rgba(255,255,255,0.08); }\n.ca-specs tbody tr:hover {\n  background: rgba(0,0,0,0.55);\n  box-shadow: 2px 2px 8px rgba(0,0,0,0.45);\n  animation: rowGlow 1.2s ease-in-out infinite alternate;\n}\n\n@keyframes rowGlow { \n  0% { background-color: rgba(255,255,255,0.8); } \n  25% { background-color: rgba(255,255,200,0.8); } 50% { background-color: rgba(200,255,255,0.8); } \n  75% { background-color: rgba(255,200,200,0.8); } 100% { background-color: rgba(200,200,255,0.8); } }\n\n\/* ---------- title letterColorChange ---------- *\/  \n\n.prod-wrap.ca-template .specs-title {\n  position: relative;\n  background-color: rgba(255,255,255,0.4);\n  font-size: 7rem;\n  font-weight: 900;\n  margin-bottom: 1rem;\n  text-align: center;\n  border-radius: 12px;\n  padding: 0.5rem 1rem;\n  box-shadow: 2px 2px 4px 4px rgba(0,0,0,0.4);\n  color: #000;\n  transition: color 0.3s ease;\n}\n\/* Headers \u0026 text *\/\n.prod-wrap.ca-template .specs-title { font-size: 7rem; font-weight:900; line-height:1.45; margin-bottom:12px; color:#ffffff; }   \n.prod-wrap.ca-template .ca-header { font-size: 5rem; font-weight:900; line-height:1.45; margin:18px 0; }\n.prod-wrap.ca-template .ca-subheader { font-size: 3rem; font-weight:900; line-height:1.45; margin-bottom:12px; color: red; }\n.prod-wrap.ca-template .ca-details { font-size: 2rem; font-weight:900; line-height:1.45; margin-bottom:12px; color:#000; }  \n   \n\/* Animate color on hover for all titles *\/\n.prod-wrap.ca-template .specs-title:hover {\n  box-shadow: 0 20px 40px rgba(0,0,0,0.6);\n  animation: 2s infinite letterColorChange;\n}\n@keyframes letterColorChange {\n  0%,\n  100% {\n    color: red;\n  }\n  25% {\n    color: blue;\n  }\n  50% {\n    color: green;\n  }\n  75% {\n    color: orange;\n  }\n}\n \n\/* ---------- 50\/50 rows (kept for other products) ---------- *\/\n.prod-wrap.ca-template .ca-section { width:100%; margin-top:6px; }\n.prod-wrap.ca-template .ca-row { display:flex; gap:8px; align-items:center; margin-bottom:28px; }\n.prod-wrap.ca-template .ca-row.reverse { flex-direction:row-reverse; }\n.prod-wrap.ca-template .ca-col { flex:0 0 50%; max-width:50%; padding:6px; box-sizing:border-box; }\n\n\/* ---------- Features \/ Ideal \/ Marketing containers common styling ---------- *\/\n.prod-wrap.ca-template .ca-features,\n.prod-wrap.ca-template .ca-ideal,\n.prod-wrap.ca-template .ca-marketing {\n  margin:20px 0;\n  padding:18px;\n  background: rgba(255,255,255,0.04);\n  border-radius:12px;\n  box-shadow: 0 8px 32px rgba(0,0,0,0.65);\n}\n\n\/* Features list *\/\n.prod-wrap.ca-template .ca-features-list { list-style:none; padding-left:0; margin:8px 0 0 0; }\n.prod-wrap.ca-template .ca-features-list li { margin:10px 0; font-size: 3rem; font-weight:700; display:flex; align-items:center; gap:12px; }\n\n\/* Ideal \/ marketing lists: make each line hoverable for icon effect *\/\n.prod-wrap.ca-template .ca-ideal .ca-details p,\n.prod-wrap.ca-template .ca-marketing .ca-details p { margin:8px 0; font-size:3rem; font-weight:700; display:flex; align-items:center; gap:12px; }\n\n\/* ---------- Icon scaling \u0026 fade-in on hover ---------- *\/\n.ca-icon {\n  display: inline-block;\n  transform-origin: left center;\n  transition: transform 0.35s ease, opacity 0.35s ease;\n  font-size: 4rem; \/* base icon size *\/\n  line-height: 1;\n  opacity: 0.5;\n}\n\n\/* Effetto persistente su hover *\/\n.prod-wrap.ca-template .ca-features-list li:hover .ca-icon, \n.prod-wrap.ca-template .ca-ideal .ca-details p:hover .ca-icon, \n.prod-wrap.ca-template .ca-marketing .ca-details p:hover .ca-icon, \n.prod-wrap.ca-template .ca-faq details:hover .ca-icon, \n.prod-wrap.ca-template details[open] .ca-icon {\n  transform: scale(4) translateY(-20px);\n  opacity: 1;\n}\n\n\/* ---------- FAQ styling (modern) ---------- *\/\n.prod-wrap.ca-template .ca-faq { margin-top:2rem; border-top:2px groove var(--accent); padding-top:16px; }\n.prod-wrap.ca-template .ca-faq details { background: rgba(255,255,255,0.06); margin-bottom:10px; border-radius:12px; padding:12px 16px; cursor:pointer; transition: background .28s ease, transform .18s ease; }\n.prod-wrap.ca-template .ca-faq details[open] { background: rgba(255,255,255,0.12); }\n.prod-wrap.ca-template .ca-faq summary {\n  font-size:2rem;\n  color:red;\n  font-weight:700;\n  list-style:none;\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n}\n.prod-wrap.ca-template .ca-faq .arrow { transition: transform .28s ease; margin-left:8px; }\n.prod-wrap.ca-template .ca-faq details[open] .arrow { transform: rotate(180deg); }\n\n\/* ---------- Login prompt ---------- *\/\n.prod-wrap.ca-template .ca-login { margin-top:1rem; padding:10px 12px; font-size:2rem; font-weight:700; color:var(--accent); }\n\n\/* ---------- Reveal utilities (kept minimal) ---------- *\/\n\/* If your theme uses 'reveal' classes, these co-operate; otherwise harmless *\/\n.scroll-trigger { will-change: transform, opacity; }\n.animate--slide-in { transform: translateY(0); opacity:1; }\n\n\/* ---------- Accessibility \/ reduced motion ---------- *\/\n@media (prefers-reduced-motion: reduce) {\n  .prod-wrap.ca-template .ca-desc-img,\n  .prod-wrap.ca-template .ca-desc-video-el,\n  .prod-wrap.ca-template .ca-icon {\n    transition: none !important;\n    transform: none !important;\n    opacity: 1 !important;\n  }\n}\n\n\/* ---------- Responsive tweaks ---------- *\/\n@media (max-width: 1024px) {\n  .prod-wrap.ca-template { padding-left:16px; padding-right:16px; }\n  .prod-wrap.ca-template .specs-title { font-size:40px; }\n  .prod-wrap.ca-template .ca-header { font-size:36px; }\n  .prod-wrap.ca-template .ca-subheader { font-size:22px; }\n  .prod-wrap.ca-template .ca-details { font-size:18px; }\n  .prod-wrap.ca-template .ca-features-list { margin:4px 0 0 0; }\n  .prod-wrap.ca-template .ca-features-list li { margin:4px 0; font-size: 18px; gap:4px; }\n  .prod-wrap.ca-template .ca-ideal .ca-details p,\n  .prod-wrap.ca-template .ca-marketing .ca-details p { margin:4px 0; font-size:18px; gap:4px; }\n  .ca-specs th, .ca-specs td { padding:6px 4px; font-size:14px; }  \n}\n\n@media (max-width: 600px) {\n  .prod-wrap.ca-template { padding-left:10px; padding-right:10px; }\n  .prod-wrap.ca-template .ca-row, .prod-wrap.ca-template .ca-row.reverse { flex-direction:column; }\n  .prod-wrap.ca-template .ca-col { max-width:100%; flex-basis:100%; }\n  .prod-wrap.ca-template .specs-title { font-size:32px; }\n  .prod-wrap.ca-template .ca-header { font-size:28px; }\n  .prod-wrap.ca-template .ca-subheader { font-size:18px; }\n  .prod-wrap.ca-template .ca-details { font-size:14px; }\n  .ca-specs th, .ca-specs td { padding:6px 4px; font-size:14px; }\n  .prod-wrap.ca-template .ca-text .row-header { font-size:28px; }\n  .prod-wrap.ca-template .ca-features-list { margin:4px 0 0 0; }\n  .prod-wrap.ca-template .ca-features-list li { margin:4px 0; font-size: 14px; gap:4px; }\n  .prod-wrap.ca-template .ca-ideal .ca-details p,\n  .prod-wrap.ca-template .ca-marketing .ca-details p { margin:4px 0; font-size:14px; gap:4px; }\n}\n  \n\/* Responsive adjustments for tablet *\/\n@media (max-width: 1024px) {\n  .prod-wrap.ca-template .ca-desc-img,\n  .prod-wrap.ca-template .ca-desc-video {\n    border-radius: 10px;\n    margin: 12px 0;\n    box-shadow: 0 10px 24px rgba(0,0,0,0.55);\n  }\n}\n\n\/* Responsive adjustments for mobile *\/\n@media (max-width: 767px) {\n  .prod-wrap.ca-template .ca-desc-img,\n  .prod-wrap.ca-template .ca-desc-video {\n    margin: 10px 0;\n    border-radius: 8px;\n    box-shadow: 0 6px 14px rgba(0,0,0,0.45);\n  }\n\n  .prod-wrap.ca-template {\n    padding-left: 5px;\n    padding-right: 5px;\n  }\n}\n\n\/* Default desktop padding + centering *\/\n@media (min-width: 768px) {\n  .prod-wrap.ca-template {\n    padding-left: 20px;\n    padding-right: 20px;\n  }\n}\n\n\/* ---------- Useful Links Section ---------- *\/\n.ca-links {\n  background: rgba(255, 255, 255, 0.3);\n  background-image: url(\"https:\/\/cdn.shopify.com\/s\/files\/1\/0669\/3876\/5628\/files\/Red_striped_tie_on_a_black_background.webp\");\n  background-size: contain;\n  background-position: center;\n  background-repeat: repeat;  \n  border-radius: 14px;\n  border: 2px groove #fff;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.6);\n  padding: 18px 24px;\n  margin-top: 2rem;\n  text-align: center;\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.ca-links:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 16px 40px rgba(0,0,0,0.7);\n}\n\n.ca-links .ca-subheader {\n  font-size: 3rem;\n  color: #000;\n  margin-bottom: 14px;\n  text-shadow: 0 2px 4px rgba(0,0,0,0.4);\n}\n\n.ca-links-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: grid;\n  gap: 8px;\n}\n\n.ca-links-list li a {\n  display: inline-block;\n  font-size: 3rem;\n  font-weight: 700;\n  color: yellow;\n  text-decoration: none;\n  transition: color 0.3s ease, transform 0.3s ease;\n}\n\n.ca-links-list li a:hover {\n  color: white;\n  transform: scale(1.5);\n  text-shadow: 0 2px 8px rgba(0,0,0,0.8);\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n  .ca-links {\n    padding: 14px;\n  }\n  .ca-links-list li a {\n    font-size: 18px;\n  }\n}\n\u003c\/style\u003e\n\u003c!-- ===== END: ca-description (HTML + CSS) ===== --\u003e","brand":"Dsers","offers":[{"title":"1","offer_id":53729349861699,"sku":"1005004613683155-1","price":21.26,"currency_code":"USD","in_stock":true},{"title":"3","offer_id":53729349960003,"sku":"1005004613683155-3","price":21.26,"currency_code":"USD","in_stock":true},{"title":"4","offer_id":53729349927235,"sku":"1005004613683155-4","price":21.26,"currency_code":"USD","in_stock":true},{"title":"5","offer_id":53729349894467,"sku":"1005004613683155-5","price":21.26,"currency_code":"USD","in_stock":true},{"title":"11","offer_id":53729349697859,"sku":"1005004613683155-11","price":21.26,"currency_code":"USD","in_stock":true},{"title":"12","offer_id":53729349665091,"sku":"1005004613683155-12","price":21.26,"currency_code":"USD","in_stock":false},{"title":"14","offer_id":53729349632323,"sku":"1005004613683155-14","price":21.26,"currency_code":"USD","in_stock":true},{"title":"17","offer_id":53729349599555,"sku":"1005004613683155-17","price":21.26,"currency_code":"USD","in_stock":true},{"title":"18","offer_id":53729349828931,"sku":"1005004613683155-18","price":21.26,"currency_code":"USD","in_stock":true},{"title":"20","offer_id":53729349796163,"sku":"1005004613683155-20","price":21.26,"currency_code":"USD","in_stock":true},{"title":"21","offer_id":53729349763395,"sku":"1005004613683155-21","price":21.26,"currency_code":"USD","in_stock":true},{"title":"23","offer_id":53729349730627,"sku":"1005004613683155-23","price":21.26,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0669\/3876\/5628\/files\/Navy_blue_tie_with_white_stripes_on_a_dark_gray_background.webp?v=1766186578"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0669\/3876\/5628\/collections\/collection_elegant_ties.webp?v=1767433621","url":"https:\/\/carauana.com\/sv\/collections\/city-chic-elegant-ties.oembed","provider":"CaRaUaNa Fashion","version":"1.0","type":"link"}