@charset "UTF-8";
/* CSS Document */

@media print {
	* {
		-webkit-print-color-adjust: exact !important;
		color-adjust: exact !important;
		print-color-adjust: exact !important;
	}
	body { background-color:transparent; }
	h1, h2 { font-size:36px; }
	h3 { font-size:24px; }
	p { font-size:16px; }
	a[href]:after {
	  content: none !important;
	}
}




/* UTIL */

@media print {

}




/* GLOBAL */

@media print {

}




/* TOP */

@media print {
	.base_header .base { padding-left:1em; padding-right:1em; }

	.base_nav.top { display:none; }
	.base_nav.main { display:none; }

}




/* MAIN */

@media print {
	.base_front { height:auto; }
	.billboard_wrapper .swiper-wrapper { transform:none !important; width:100%; }
	.billboard_wrapper .swiper-slide { width:100% !important; height:unset; display:none; }
	.billboard_wrapper .swiper-slide-active { width:100% !important; height:unset; display:block; }
	.billboard_wrapper .billboard { position:relative; display:block; padding:5em 0; }
	
	.indent { padding-left:1.125rem; padding-right:1.125rem; }
	.base_pagenav { position:relative; }
	.base_pagenav .base { padding-left:1em; padding-right:1em; }
	.pagenav_items { display:none; }

	.base_contents h3 { margin-bottom:.5em; }

	.hero { padding:4em 0; margin:0; }
	.hero_wrapper { max-width:80%; }
	.hero_desc { font-size:16px; }

	.hero_wrapper .product { width:100%; max-width:250px; }
	.aos-init { transform:unset !important; transition:unset !important; opacity:1 !important; }

	.widget_simplepanel { flex-wrap: wrap; }
	.widget_simplepanel .widget_text { flex:1 1 100%; padding:0; }

	.widget_title { margin-top:2em; margin-bottom:1em; }
	.widget_availablein { margin-bottom:2.5em; }
	.availablein_thumbs { transform:none !important; justify-content:center; }
	.availablein_thumb { margin-left:.5rem; margin-right:.5rem; margin-bottom:.5rem; }

	.widget_productscards { display:flex; flex-wrap:wrap; justify-content:space-between; }
	.widget_productscard { flex:0 1 49.5%; }

	.productscard_body { height:100%; display:flex; flex-direction:column; }
	.productscard_number { left:1em; padding:0.5rem; }
	.productscard_number h2 { font-size:28px; }
	
	.productscard_bg { position:relative; }
	.productscard_flipbook { position:absolute; }

	.productscard_card { display:flex; }
	.left .productscard_card, .center .productscard_card, .right .productscard_card { padding-left:.5rem; padding-right:.5rem; padding-top:0; margin-top:-.5rem; flex:1; flex-direction:column; }
	.productscard_card_fx_wrapper { display:flex; }
	.productscard_card_container { display:flex; flex:1; }
	.productscard_card_contents { padding:2rem 1.5rem; }

	.productscard_08 { height:unset; }
	.productscard_08 .productscard_bg::after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-image:url('../img/contents/products/so002-blister/video-soblister110.jpg'); background-size:cover; }
	.productscard_09 .productscard_bg { background-size:200%; background-position:left top 57%; }
	.productscard_10, .productscard_blister_full { height:unset; }
	.productscard_10 .productscard_bg::after, .productscard_blister_full .productscard_bg::after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-image:url('../img/contents/products/so002-flipbook/video-flipbook100.jpg'); background-size:cover; }

	.availablein_slide { width:100% !important; }

	.widget_comparison { margin-bottom:0; }
	.comparison_rowgroup { margin-bottom:.5rem; }
	.comparison_rowgroup.header { position:relative; top:unset; margin-bottom:0; }
	/* .comparison_rowheader h3 { font-size:18px; } */
	.comparison_column { padding:1rem 0; }
	.comparison_column p { font-size:12px; }
	.comparison_selector_button span { font-size:14px; }

	.bannerlink { display:none; }
	.widget_bannerlink { margin-bottom:2em; }
	.bannerlink_banner { height:200px; }
	.bannerlink_box { height:auto; padding-top:1rem; padding-bottom:1rem; }
	.bannerlink_box_arrow .material-icons { font-size:48px; }
	.bannerlink_box_text { font-size:24px; }


	/* Page style - Workshop */
	.about_workshop .hero_title { padding-top:2em; }
	.workshop_intro_text { margin-top:3rem; text-align:center; }


	/* Page style - Products detail */
	.products_org002 .hero, .products_org002.ls .hero, .products_org002.el .hero, .products_org001 .hero, .products_org001.el .hero { padding:4em 0; }

	.about_vision .hero { margin-bottom:2em; }


	/* SX */

	.sx-dot { width:600px; height:600px; }
	.product-img { width:200px; }
	.banner-img-b { margin-top:5em; }
	.sx-txt { font-size:14px; }

	.sx-video-container { padding:2em; }
	.product-video-block { padding:1.5rem; }
	.container-pd-img { padding:1.5rem; margin-bottom:5rem; }
	.product-row { padding-top:0; }


	/* Lube */
	.so-header-img { width:100px; }


	/* Fina a Store */
	.shoplist { flex-flow:column; }
    .shoplist_map { order:1; flex:unset; height:32vh; }
    .shoplist_panel { order:2; flex:1; width:100%; max-width:none; }

    .shoplist_panel { position:unset; }


	/* Widget - Timeline */
	.widget_timeline_cards { width:100%; }

	.about_workshop .hero { margin:0; }


	.about_brandkit .full .text { width:50vw; }


	.widget_heroespicker { flex-direction:row; flex-wrap:wrap; height:auto; max-height:unset; }
	.heroespicker_button { width:50%; height:32vw; justify-content:flex-end; }
	.heroespicker_bg { background-size:120%; background-position:100% 40%; filter:saturate(1); }

	.heroesarticle_first { flex-direction:column; align-items:center; margin-bottom:0; }
	.heroesarticle_infopanel { display:flex; flex-direction:row; width:auto; margin-right:0; align-items:center; margin-bottom:2.125rem; }
	.heroesarticle_heroimg { width:250px; margin-right:2rem; margin-bottom:0; }
	.heroesarticle_info_title { display:block; }

	.widget_heroesarticle { padding-top:10vw; }
	.heroesarticle_main { padding-top:5vw; }
	.heroesarticle_bg { top:0; bottom:10vw; }

	.heroesarticle_wrapper { flex-direction:column; align-items:center; }
	.heroesarticle_qatitle { display:none; }

	.heroesarticle_sub { padding:0; }
	.heroesarticle_sub_bg { right:0; display:none; }
	.heroesarticle_sub .heroesarticle_qabox { padding-right:0; }

	.heroespicker_button { padding-bottom:0; height:50vw; }
	.heroespicker_bg { background-position:center center; }
	.heroespicker_identity { font-size:.875rem; width:100%; flex-direction:row; }
	.heroespicker_name { padding:0 2vw; border-bottom:0; border-right:1px solid var(--sg-pink); height:50px; }
	.heroespicker_desc { padding:0 0 0 2vw; height:50px; }

	.evochart_wrapper { padding-left:3rem; padding-bottom:0; }
	.evochart_wrapper .chart { display:none; }
	.evochart_wrapper .chart.vertical { display:block; }
	.evochart_items { flex-direction:column; align-items:flex-end; }
	.evochart_item { width:100%; margin-bottom:2em; }
	.evochart_item .inner_wrapper { flex-direction:row; align-items:center; }
	.evochart_item .product { max-width:200px; }
	.evochart_item .title br { display:none; }
	.evochart_item .note { top:calc(100% + 2px); }
	.evochart_item .note br { display:none; }
	.evochart_item .pointer { top:unset; bottom:unset; left:0; right:0; margin-left:unset; margin-top:20px; width:unset; height:6px; }
}

@media print and (max-width: 1080px) {
	.boxed_obj .kv_wrapper { max-width:408px; }
}
@media print and (min-width: 768px) {
	.widget_timeline_card:nth-child(odd) { align-self:flex-start; }
	.widget_timeline_card:nth-child(even) { align-self:flex-end; }

	.widget_timeline_card:nth-child(odd) .card_hdr { justify-content:flex-end; }
	.widget_timeline_card:nth-child(odd) .card_pointer { left:8px; right:unset; order:2; }
	.widget_timeline_card:nth-child(odd) .card_pointer::after { left:unset; right:0; }
	.widget_timeline_card:nth-child(odd) .card_year { left:8px; right:unset; order:1; }
	.widget_timeline_card:nth-child(odd) .card_control { left:8px; right:unset; order:0; }
	.widget_timeline_card:nth-child(odd) .card_title { padding-left:unset; padding-right:4rem; text-align:right; }
	.widget_timeline_card:nth-child(odd) .card_contents { padding-left:unset; padding-right:4rem; text-align:right; }
}
@media print and (max-width: 767px) {
	.boxed_obj h2, .boxed_obj .h2 { font-size:48px; }
	.boxed_obj .kv_wrapper { max-width:308px; }

	.widget_timeline { max-width:90%; }
	.widget_timeline_card { width:100%; }
	.widget_timeline_axis { left:12px; }
}
@media print and (max-width: 479px) {
	.boxed_obj h2, .boxed_obj .h2 { font-size:36px; }
}



/* BOTTOM */

@media print {
	.base_breadcrumbs { display:none; }

	.base_footer { background-color:transparent; }
	.base_footer .base { padding-left:1em; padding-right:1em; }

	.base_footer .base_logo { display:none; }

	.base_nav.bottom { display:none; }
	.base_social { display:none; }
	.base_legal_container { justify-content:start; border:0; padding-top:0; }
	.base_copyright { align-items:flex-start; text-align:left; }
}

@media print and (max-width: 767px) {

}