/* =====================================================
 IQOS GUIDE PAGE FINAL CSS
 固定內容寬度版本
===================================================== */


			/* ===============================
 外層控制
=============================== */


			.iqos-guide-page {

				width: 1100px;

				max-width: calc(100% - 40px);

				margin: 40px auto;

				padding: 0;

				box-sizing: border-box;

				color: #222;

				font-family:

					Arial,
					"Microsoft JhengHei",
					sans-serif;

			}



			.iqos-guide-page * {

				box-sizing: border-box;

			}



			.iqos-guide-page img {

				max-width: 100%;

				display: block;

			}





			/* ===============================
 區塊間距
=============================== */


			.iqos-block {

				margin-bottom: 60px;

			}





			/* ===============================
 標題
=============================== */


			.iqos-title {

				text-align: center;

				margin-bottom: 35px;

			}



			.iqos-title h1,
			.iqos-title h2 {


				font-size: 32px;

				font-weight: 700;

				margin-bottom: 15px;

				color: #111;


			}



			.iqos-title p {


				color: #666;

				font-size: 15px;

				line-height: 1.8;

				max-width: 750px;

				margin: auto;


			}







			/* ===============================
 Hero
=============================== */


			.iqos-hero {


				width: 100%;

				height: 320px;

				background: #111;

				border-radius: 18px;

				display: flex;

				align-items: center;

				padding: 45px 55px;

				margin-bottom: 60px;


			}



			.iqos-hero-content {


				max-width: 650px;

				color: #fff;


			}



			.iqos-hero-content h1 {


				font-size: 36px;

				line-height: 1.4;

				margin-bottom: 20px;


			}



			.iqos-hero-content p {


				color: #ddd;

				line-height: 1.9;

				font-size: 16px;


			}







			/* ===============================
 IQOS介紹卡
=============================== */


			.iqos-info-card {


				display: flex;

				background: #fff;

				border: 1px solid #eee;

				border-radius: 15px;

				overflow: hidden;


			}



			.info-image {


				width: 45%;


			}



			.info-image img {


				width: 100%;

				height: 300px;

				object-fit: contain;

				background: #f7f7f7;


			}



			.info-text {


				width: 55%;

				padding: 35px;


			}



			.info-text h3 {


				font-size: 26px;

				margin-bottom: 15px;


			}



			.info-text p {


				color: #666;

				line-height: 1.9;


			}





			.info-text li {


				line-height: 2;

			}








			/* ===============================
 主機三卡
=============================== */


			.iqos-product-grid {


				display: grid;

				grid-template-columns: repeat(3, 1fr);

				gap: 20px;


			}



			.iqos-product-card {


				border: 1px solid #eee;

				background: #fff;

				border-radius: 15px;

				overflow: hidden;

			}



			.product-img {


				background: #f7f7f7;


			}



			.product-img img {


				height: 240px;

				width: 100%;

				object-fit: contain;


			}



			.product-body {


				padding: 25px;


			}



			.product-body h3 {


				font-size: 23px;

				margin-bottom: 15px;


			}



			.product-body p {


				color: #666;

				line-height: 1.8;

				font-size: 14px;


			}



			.product-body li {


				line-height: 2;

				font-size: 14px;

			}








			/* ===============================
 按鈕
=============================== */


			.iqos-btn {


				display: inline-block;

				padding: 10px 25px;

				margin-top: 15px;

				border-radius: 25px;

				background: #111;

				color: #fff;

				text-decoration: none;

				font-size: 14px;


			}



			.iqos-btn:hover {


				color: #fff;

				background: #333;


			}







			/* ===============================
 選擇IQOS
=============================== */


			.choice-grid {


				display: grid;

				grid-template-columns: repeat(3, 1fr);

				gap: 20px;


			}



			.choice-card {


				background: #f7f7f7;

				padding: 30px 20px;

				text-align: center;

				border-radius: 15px;


			}



			.choice-card h3 {


				color: #777;

				font-size: 18px;


			}



			.choice-card strong {


				display: block;

				font-size: 24px;

				margin: 15px 0;


			}



			.choice-card p {


				color: #666;

			}







			/* ===============================
 比較表
=============================== */


			.iqos-table-box {


				width: 100%;

				overflow-x: auto;


			}



			.iqos-table-box table {


				width: 100%;

				min-width: 750px;

				border-collapse: collapse;


			}



			.iqos-table-box th {


				background: #111;

				color: #fff;

				padding: 15px;


			}



			.iqos-table-box td {


				padding: 15px;

				border-bottom: 1px solid #eee;

				text-align: center;

			}







			/* ===============================
 配件
=============================== */


			.accessory-grid {


				display: grid;

				grid-template-columns: repeat(3, 1fr);

				gap: 20px;


			}




			.accessory-card {


				border: 1px solid #eee;

				border-radius: 15px;

				overflow: hidden;


			}



			.accessory-image {


				background: #f7f7f7;


			}



			.accessory-image img {


				height: 230px;

				width: 100%;

				object-fit: contain;


			}



			.accessory-content {


				padding: 25px;


			}



			.accessory-content h3 {


				font-size: 22px;

			}






			/* ===============================
 客製化
=============================== */


			.custom-display-box {


				display: flex;

				align-items: center;

				background: #111;

				color: #fff;

				padding: 40px;

				border-radius: 18px;

				gap: 40px;


			}



			.custom-display-text {


				width: 55%;


			}



			.custom-display-image {


				width: 45%;


			}



			.custom-display-image img {


				border-radius: 15px;


			}






			/* ===============================
 手冊
=============================== */


			.manual-grid {


				display: grid;

				grid-template-columns: repeat(3, 1fr);

				gap: 20px;


			}



			.manual-card {


				border: 1px solid #eee;

				border-radius: 15px;

				overflow: hidden;


			}



			.manual-image {


				background: #f7f7f7;


			}



			.manual-image img {


				height: 220px;

				width: 100%;

				object-fit: contain;


			}



			.manual-content {


				padding: 25px;


			}






			/* ===============================
 FAQ
=============================== */


			.iqos-faq-section {


				margin-top: 60px;


			}



			.faq-item {


				border-bottom: 1px solid #eee;

				padding: 20px 0;


			}



			.faq-item h3 {


				font-size: 19px;


			}



			.faq-item p {


				color: #666;

				line-height: 1.8;


			}







			/* ===============================
 平板
=============================== */


			@media(max-width:992px) {


				.iqos-guide-page {


					width: auto;

				}



				.iqos-product-grid,
				.choice-grid,
				.accessory-grid,
				.manual-grid {


					grid-template-columns: repeat(2, 1fr);


				}


			}







			/* ===============================
 手機
=============================== */


			@media(max-width:768px) {



				.iqos-guide-page {


					max-width: calc(100% - 30px);

					margin: 25px auto;


				}



				.iqos-title h1,
				.iqos-title h2 {


					font-size: 26px;


				}



				.iqos-hero {


					height: auto;

					padding: 35px 25px;


				}



				.iqos-hero-content h1 {


					font-size: 28px;


				}



				.iqos-info-card {


					display: block;


				}



				.info-image,
				.info-text {


					width: 100%;


				}



				.info-image img {


					height: 220px;


				}



				.iqos-product-grid,
				.choice-grid,
				.accessory-grid,
				.manual-grid {


					grid-template-columns: 1fr;


				}



				.product-img img {


					height: 220px;


				}



				.custom-display-box {


					display: block;

					padding: 25px;


				}



				.custom-display-text,
				.custom-display-image {


					width: 100%;


				}



				.custom-display-image {


					margin-top: 25px;


				}


			}