<!doctype html>
<html lang="en" class="js cookies notification queryselector svg no-lowbandwidth localstorage no-framed hashchange video srcset inlinesvg smil no-touchevents no-forcetouch fullscreen objectfit object-fit flexbox no-exiforientation videoautoplay">
	<head>
		<base href="/en-hk/">
		<meta charset="utf-8" name="referrer" content="origin">
		<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"> -->
		<title>COS - Contemporary Style, Designed To Last - Shop Online</title>
		<meta name="keywords" content="Underscored by a luxury design ethos, the COS women's clothing collection pays meticulous attention to sustainable craftsmanship, premium materials and a superior colour palette.">
		<meta name="description" content="Innovative design. Wardrobe essentials. More sustainable collections: COS is a fashion brand for women and men. Explore now.">
		<base href="/en-hk/">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<link rel="shortcut icon" type="image/png" href="assets/images/favicon-b-300x300.jpg">
		<link rel="apple-touch-icon" href="assets/images/favicon-b-300x300.jpg">
		<link rel="apple-touch-icon" sizes="180x180" href="assets/images/favicon-b-300x300.jpg">
		
		<link rel="preconnect" href="/" crossorigin="anonymous">
		<link rel="preconnect" href="https://static-ud.udesk.cn" crossorigin="anonymous">
		<link rel="preconnect" href="https://assets-cli.udeskglobal.com" crossorigin="anonymous">
		<link rel="preconnect" href="https://cos.udeskglobal.com" crossorigin="anonymous">
		<link rel="preconnect" href="https://tags.tiqcdn.com" crossorigin="anonymous">
		<link rel="preconnect" href="https://tag.rmp.rakuten.com" crossorigin="anonymous">

		<!-- <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>-->
		<script src="https://cdn.jsdelivr.net/npm/node-forge@0.7.0/dist/forge.min.js"></script> 
		
		<!-- Preload Third-party Scripts -->
		<link rel="preload" href="https://assets-cli.udeskglobal.com/im_client/js/udeskApi.js" as="script">
		<link rel="preload" href="https://tag.rmp.rakuten.com/126975.ct.js" as="script">

		<!-- START Rakuten Advertising Tracking -->
		<script type="text/javascript">
			// Initialize tiq object if it doesn't exist
			window.tiq = window.tiq || {};
			window.tiq.sessionData = window.tiq.sessionData || {};

			(function(){if(tiq.sessionData.hasOwnProperty('debug')) {
				delete tiq.sessionData['debug'];
			} else {
				let data={
					value:true,
					expire:new Date().getTime()+1800000};
					tiq.sessionData['debug'] = data;
				}
				sessionStorage.setItem("tiqStore",JSON.stringify(tiq.sessionData));
			}());
			(function(url) {
				/*Tracking Bootstrap Set Up DataLayer objects/properties here*/
				window.rakutenDataLayer = false; // Set custom DataLayer name if 'DataLayer' conflicts
				var dln = window.rakutenDataLayer || 'DataLayer';
				if (!window[dln]) {
					window[dln] = {};
				}
				if (!window[dln].events) {
					window[dln].events = {};
				}
				window[dln].events.SPIVersion = window[dln].events.SPIVersion || "v3.4.1";

				var loc, ct = document.createElement("script");
				ct.type = "text/javascript";
				ct.async = true;
				ct.src = url;
				loc = document.getElementsByTagName('script')[0];
				loc.parentNode.insertBefore(ct, loc);
			}(document.location.protocol + "//tag.rmp.rakuten.com/126975.ct.js"));
		</script>
		<!-- END Rakuten Advertising Tracking -->
	<link rel="stylesheet" href="/en-hk/styles.76e5e32232e8786f.css"></head>
	<!-- PDP查看大图和显示搜索1：加layout-inside null u-overflow-hidden类 -->
	<!-- 移动端导航1：加layout-inside u-overflow-hidden类 -->
	<body class="root layout-inside u-overflow-hidden">
		<div id="global-loading" class="topLoading centerAlign">
			<img alt="" src="/mca/assets/images/loading.gif?x-oss-process=image/format,avif" style="width: 60px;height: 30px;top: 50%;position: absolute;left: 50%;margin: -15px 0 0 -30px;"/>
		</div>
		
		<script>
			// 判断当前URL是否包含/zh-tw，如果是则替换加载图片
			(function() {
				if (window.location.pathname.includes('/zh-tw')) {
					var loadingImg = document.querySelector('#global-loading img');
					if (loadingImg) {
						loadingImg.src = '/mca/assets/images/tw-loading.gif?x-oss-process=image/format,avif';
					}
				}
			})();
		</script>
		
		<script>
			// 判断当前URL是否包含/en-ph，如果是则动态引入lp.js脚本
			(function() {
				if (window.location.pathname.includes('/en-ph') || window.location.pathname.includes('/en-dv')) {
					var script = document.createElement('script');
					script.type = 'text/javascript';
					script.src = 'assets/lp/lp.js?v=20250916001';
					script.defer = true;
					document.head.appendChild(script);
				}
			})();
		</script>
		<app-root></app-root>
		<!-- <script>
		    (function(a,h,c,b,f,g){a["UdeskApiObject"]=f;a[f]=a[f]||function(){(a[f].d=a[f].d||[]).push(arguments)};g=h.createElement(c);g.async=1;g.src=b;c=h.getElementsByTagName(c)[0];c.parentNode.insertBefore(g,c)})(window,document,"script","https://assets-cli.udeskglobal.com/im_client/js/udeskApi.js?1487931175918","ud");
		    ud({
		        "code": "13kb333",
		        "link": "https://cos.udeskglobal.com/im_client/chat.html?web_plugin_id=4377&language=en-us",
		        "isInvite": true,
		        "mode": "inner",
		        "color": "#080808",
		        "pos_flag": "srb",
		        "language": "en-us", //语言-英文
		        "mobile": { //为响应式布局，提供pc、mobile自定制
		            "mode": "inner",
		            "color": "#080808",
		            "pos_flag": "crb",
		        }
		    });
		    </script> -->
		
		<script type="text/javascript">
			(function(a,h,c,b,f,g){a["UdeskApiObject"]=f;a[f]=a[f]||function(){(a[f].d=a[f].d||[]).push(arguments)};g=h.createElement(c);g.async=1;g.charset="utf-8";g.src=b;c=h.getElementsByTagName(c)[0];c.parentNode.insertBefore(g,c)})(window,document,"script","https://assets-cli.udeskglobal.com/im_client/js/udeskApi.js","ud");
			ud({
				"code": "13kb333",
				"link": "https://cos.udeskglobal.com/im_client/chat.html?web_plugin_id=4377&language=en-us"
			});
			window.onload = function() {
			  var chatBtn = document.getElementById('udesk_btn');
			  if (!chatBtn) return; // 容错处理
			  
			  var oDiv = chatBtn.getElementsByTagName("a")[0];
			  var oImg = chatBtn.getElementsByTagName("img")[0];
			  oImg.alt = 'udesk live chat';
			
			  var disX, disY, isDragging = false;
			
			  // 触摸开始（判断是否拖拽）
			  oDiv.addEventListener('touchstart', function(e) {
			    starX = e.touches[0].clientX;
			    starY = e.touches[0].clientY;
			    disX = starX - this.offsetLeft;
			    disY = starY - this.offsetTop;
			  });
			
			  // 触摸移动（仅拖拽时阻止默认行为）
			  oDiv.addEventListener('touchmove', function(e) {
			    var moveX = e.touches[0].clientX - starX;
			    var moveY = e.touches[0].clientY - starY;
			   
			    // 判断是否为拖拽（移动阈值设为10px）
			    if (Math.abs(moveX) > 10 || Math.abs(moveY) > 10) {
			      isDragging = true;
			      e.preventDefault(); // 只有拖拽时才阻止默认行为
			
			      L = e.touches[0].clientX - disX;
			      T = e.touches[0].clientY - disY;
			
			      // 边界检查
			      L = Math.max(0, Math.min(L, document.documentElement.clientWidth - this.offsetWidth));
			      T = Math.max(0, Math.min(T, document.documentElement.clientHeight - this.offsetHeight));
			
			      this.style.left = L + 'px';
			      this.style.top = T + 'px';
			    }
			  });
			
			  // 触摸结束（如果是拖拽则阻止点击事件）
			  oDiv.addEventListener('touchend', function(e) {
			    if (isDragging) {
			      e.preventDefault(); // 阻止点击触发
			      isDragging = false;
			    }
			  });
			}; 
			
			
			// window.onload = function() {
			// 	var oDiv = document.getElementById('udesk_btn').getElementsByTagName("a");
			// 	//oDiv = oDiv[0].getElementsByTagName('span');
			// 	//oDiv = oDiv[0].getElementsByTagName('img');
			// 	var oImg = document.getElementById('udesk_btn').getElementsByTagName("img")[0];
			// 	oImg.alt = 'udesk live chat'

			// 	oDiv = oDiv[0];
			// 	var disX, moveX, L, T, starX, starY, starXEnd, starYEnd;
			 
					
					
			// 	oDiv.addEventListener('touchstart', function(e) {
			// 		e.preventDefault();
			// 		disX = e.touches[0].clientX - this.offsetLeft;
			// 		disY = e.touches[0].clientY - this.offsetTop;
			// 		starX = e.touches[0].clientX;
			// 		starY = e.touches[0].clientY;
			// 	});
			// 	oDiv.addEventListener('touchmove', function(e) {
			// 		L = e.touches[0].clientX - disX;
			// 		T = e.touches[0].clientY - disY;
			// 		starXEnd = e.touches[0].clientX - starX;
			// 		starYEnd = e.touches[0].clientY - starY;
			// 		if (L < 0) {
			// 			L = 0;
			// 		} else if (L > document.documentElement.clientWidth - this.offsetWidth) {
			// 			L = document.documentElement.clientWidth - this.offsetWidth;
			// 		}

			// 		if (T < 0) {
			// 			T = 0;
			// 		} else if (T > document.documentElement.clientHeight - this.offsetHeight) {
			// 			T = document.documentElement.clientHeight - this.offsetHeight;
			// 		}
			// 		moveX = L + 'px';
			// 		moveY = T + 'px';
			// 		this.style.left = moveX;
			// 		this.style.top = moveY;
			// 	});
			// }
		</script>
	<script src="/en-hk/runtime.2b8b3033225bc45f.js" type="module"></script><script src="/en-hk/polyfills.ca85b61cd6a4fd50.js" type="module"></script><script src="/en-hk/scripts.03fb144ae0ceb116.js" defer></script><script src="/en-hk/vendor.f335b51b3ccf8cac.js" type="module"></script><script src="/en-hk/main.b116406a9695dfb5.js" type="module"></script></body>
</html>