<data:blog.title/>
<data:blog.pageName/> —
<data:blog.title/>
<data:blog.searchQuery/> —
<data:blog.title/>
<data:blog.title/>
404 -
<data:blog.title/>
<data:blog.pageName/> —
<data:blog.title/>
<data:blog.pageName/> —
<data:blog.title/>
*/
:root {
--key: $(keycolor);
--black: $(teks);
--silver: $(silver);
--gray: $(gray);
--border: rgba(0 0 0 / 7.5%);
--radius: $(radius);
--lebar: $(lebar);
--header_height: $(header.height);
--footer_height: $(footer.height);
--card_shadow : 0 10px 15px -3px rgb(0 0 0 / 5%), 0 4px 6px -2px rgb(0 0 0 / 5%);
--inset_shadow : inset 0 -1px 0 0 rgba(0 0 0 / 10%);
}
*,*:before,*:after { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; box-sizing: border-box; word-wrap: break-word; outline: 0; padding: 0; margin: 0; } @media only screen and (max-width: 768px) { * { cursor: default !important; } } @media only screen and (min-width: 1280px) { *::-webkit-scrollbar { width: 5px; } *::-webkit-scrollbar-track { background: white; } *::-webkit-scrollbar-thumb { background: var(--key); } } ::-moz-selection { background: var(--border); } ::selection { background: var(--border); } input { background-color: transparent; } input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } input[type=number] { -moz-appearance: textfield; /* Firefox */ } button { display: inline-block; vertical-align: middle; line-height: 1; border: 1px solid var(--border); padding: 0 15px; height: 40px; cursor: pointer; box-shadow: inset 0 -2px 0 0 var(--border); font-size: 100%; border-radius: var(--radius); background-color: transparent; } button:active { box-shadow: none; } svg { display: block; max-width: 100%; height: auto; margin: auto; } img,iframe { display: block; margin: auto; max-width: 100%; height: auto; transition: opacity .5s; border: 0; } img[data-src],iframe[data-src] { opacity: 0; } .video { display: block; padding-top: 56.25%; position: relative; background: #000; overflow: hidden; border-radius: var(--radius); max-width: 100%; } .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .pop-content .video { margin: -20px -20px; padding-top: calc(56.25% + 25px); border-radius: 0; width: calc(100% + 40px); max-width: calc(100% + 40px); } h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: 400; } a { text-decoration: none; color: var(--gray); cursor: pointer; } b { font-weight: 600; } hr { border: 0; border-bottom: 1px solid var(--border); } @keyframes spinner { to { transform: rotate(360deg); } } .loading { position: relative; min-height: 40px; } .loading:before { content: ''; background: white; opacity: .9; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; } .loading:after { content: ''; box-sizing: border-box; position: absolute; z-index: 2; top: 50%; left: 50%; width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; border-radius: 50%; border: 1px solid var(--border); border-top-color: var(--key); animation: spinner .6s linear infinite; } body.loading:before { position: fixed; z-index: 9999; } body.loading:after { position: fixed; z-index: 10000; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; } .wrapper { width: var(--lebar); max-width: calc(100% - 40px); margin: auto; } body { background: white; color: var(--black); min-height: 100vh; font-size: 17px; line-height: 1.7; } @media only screen and (max-width: 768px) { body { font-size: 15px; line-height: 1.5; } } #header { position: sticky; top: 0; z-index: 100; background: var(--key); box-shadow: inset 0 -1px 0 0 var(--border); } #header.shadow { box-shadow: inset 0 -1px 0 0 var(--border), 0 1px 5px var(--border); } #header .wrapper { max-width: 100%; } #header #header-section { display: grid; grid-template-columns: auto 1fr auto auto; } #header #header-section .widget { border-right: 1px solid var(--border); } #header #header-section .widget:last-of-type { border-right: 0; } #header #header-section .widget>a[class] { display: flex; height: var(--header_height); padding: 0 20px; font-weight: 600; font-size: 120%; line-height: 1; color: white; } #header #header-section .widget>a[class]>* { display: block; margin: auto 0; } #header #header-section .widget>a[class] svg { fill: white; } #header #header-section a[class=logo] span img { display: inline-block; vertical-align: middle; max-height: 30px; width: auto; } #header #header-section a[class=logo] span small { display: inline-block; vertical-align: middle; margin-left: 15px; font-weight: normal; font-size: 70%; opacity: .7; font-style: italic; } #header #header-section #pop-menu { text-align: center; } #header #header-section #pop-menu ul,#header #header-section #pop-menu ul li,#header #header-section #pop-menu ul li a { display: block; } #header #header-section #pop-menu>ul li a { display: block; padding: 20px; border-bottom: 1px solid var(--border); } #header #header-section #pop-menu>ul { margin: -20px -20px 20px; } #header #header-section #pop-menu>ul li.dropdown>ul.sub { display: none; background: var(--silver); } #header #header-section #pop-menu>ul li.dropdown a i svg { transition: .2s; } #header #header-section #pop-menu>ul li.dropdown.active a i svg { transform: rotate(-180deg); } #header #header-section #pop-menu small { display: block; font-size: 80%; letter-spacing: 1px; } #header #header-section #pop-search form { display: grid; grid-template-columns: 1fr auto; grid-gap: 20px; } #header #header-section #pop-search form input,#header #header-section #pop-search form button { display: block; width: 100%; border: 1px solid var(--border); background: transparent; color: var(--black); padding: 10px 20px; font-size: 90%; border-radius: var(--radius); } #header #header-section #pop-search form input { text-overflow: ellipsis; } #header #header-section #pop-search form button { cursor: pointer; background: var(--key); box-shadow: var(--inset_shadow); height: auto; } #header #header-section #pop-search form button svg { fill: white; } #header #header-section #pop-search form input:focus { border-color: var(--key); } #header #header-section #pop-search form nav { grid-column: 1/3; font-size: 80%; } #header #header-section #pop-search form nav ul { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px; } #header #header-section #pop-search form nav ul li,#header #header-section #pop-search form nav ul li a { display: block; min-width: 0; } #header #header-section #pop-search form nav ul li a { display: grid; grid-template-columns: 1fr auto; grid-gap: 15px; padding: 15px; border: 1px solid var(--border); border-radius: var(--radius); font-size: 90%; box-shadow: var(--inset_shadow); } #header #header-section #pop-search form nav ul li a:hover { color: var(--key); } #header #header-section #pop-search form nav ul li a:active { box-shadow: none; } #header #header-section #pop-search form nav ul li a>* { display: flex; align-items: center; } #header #header-section #pop-search form nav ul li a span { min-width: 0; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; } #header #header-section #pop-search form nav ul li a small { padding: 5px 15px; border-radius: 100px; background: var(--key); color: white; line-height: 1; font-weight: 600; transition: .1s; } #header #header-section #pop-search form nav ul li:hover a small { background: var(--key); color: white; } @media only screen and (max-width: 768px) { #header #header-section #pop-search form nav ul { grid-template-columns: repeat(2, 1fr); grid-gap: 10px; } #header #header-section a[class=logo] span small { display: none; } } #main { padding: 40px 0; } #main.flex { display: flex; min-height: calc(100vh - var(--header_height) - var(--footer_height)); } @media only screen and (max-width: 1280px) { #main { padding: 20px 0; } } #slide-banner { display: grid; grid-template-columns: 2fr 1fr; grid-gap: 20px; margin-bottom: 40px; } #slide-banner #slideshow-home .youtube a { display: block; position: relative; padding-top: 50%; } #slide-banner #slideshow-home .youtube a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover } #slide-banner #slideshow-home .youtube a svg { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: 20%; opacity: 1; visibility: visible; } #slide-banner #slideshow-home .youtube:hover a svg { transform: translate(-50%, -50%) scale(1.1); } /*#slide-banner #slideshow-home .youtube a svg .bg { fill: rgba(0 0 0 / 50%); transition: .1s; } */#slide-banner #slideshow-home .youtube a svg .bg { fill: rgb(255 0 0 / 70%); } #slide-banner #slideshow-home .youtube a svg .play { fill: white; } #slide-banner #slideshow-home a { display: block; } #slide-banner #slideshow-home img { display: block; width: 100%; border-radius: var(--radius); box-shadow: var(--card_shadow); } #slide-banner #banner-home img { border-radius: var(--radius); } @media only screen and (max-width: 768px) { #slide-banner { grid-template-columns: 1fr; grid-gap: 0; margin: -20px -20px 0; } #slide-banner #slideshow-home img { border-radius: 0; box-shadow: none; } #slide-banner #banner-home { position: relative; z-index: 1; box-shadow: 0 -5px 0 0 var(--border); } #slide-banner #banner-home img { border-radius: 0; box-shadow: none; } } #label-banner { margin-bottom: 20px; } #label-banner img { border-radius: var(--radius); margin-left: -20px; max-width: calc(100% + 40px); width: calc(100% + 40px); } @media only screen and (max-width: 1280px) { #label-banner { margin-top: -20px; } #label-banner img { border-radius: 0; } } #main article .post-body .hide { display: none; } #main header.page-title { position: sticky; top: calc(var(--header_height) - 1px); z-index: 99; margin: 0 -20px; display: grid; grid-template-columns: 1fr auto; grid-gap: 20px; padding: 15px 20px; border-radius: 0 0 var(--radius) var(--radius); box-shadow: var(--card_shadow); overflow: hidden; background: white; } #main header.page-title>* { display: flex; min-width: 0; } #main header.page-title>*>* { display: block; margin: auto 0; line-height: 1.2; } #main header.page-title h2 { display: inline-block; letter-spacing: 1px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #main header.page-title h3 { font-size: 90%; } #main header.page-title #sort select { height: 40px; padding: 0 20px; border: 1px solid var(--border); background: transparent; border-radius: 100px; /* hide arrow */ -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ellipsis; width: 100%; color: var(--black); background: transparent no-repeat; background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 294.1L383 167c9.4-9.4 24.6-9.4 33.9 0s9.3 24.6 0 34L273 345c-9.1 9.1-23.7 9.3-33.1.7L95 201.1c-4.7-4.7-7-10.9-7-17s2.3-12.3 7-17c9.4-9.4 24.6-9.4 33.9 0l127.1 127z'/%3E%3C/svg%3E"); background-size: auto 15px; background-position: calc(100% - 20px) center; padding-right: 30px; } #main header.page-title #sort select option { font-size: 120%; } #main header.page-title #sort select::-ms-expand { display: none; } #main .is_single article.is_page h1 { font-size: 150%; } #main .is_single article.is_post { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 40px; margin-bottom: 40px; } @media only screen and (max-width: 768px) { #main .is_single article.is_post { grid-template-columns: 1fr; } } #main .is_single article .sticky { position: sticky; top: 100px; width: 100%; } #main .is_single #pop-bagikan .grid-preview { display: grid; grid-template-columns: auto 1fr; grid-gap: 20px; border: 1px solid var(--border); border-radius: var(--radius); margin-bottom: 20px; padding: 20px; } #main .is_single #pop-bagikan .grid-preview img { border-radius: var(--radius); box-shadow: var(--card_shadow); } #main .is_single #pop-bagikan .grid-preview .info { display: flex; align-items: center; } #main .is_single #pop-bagikan .grid-preview .info .wrap { width: 100%; } #main .is_single #pop-bagikan .grid-preview .info .wrap h4 { font-weight: 600; } #main .is_single #pop-bagikan .grid-preview .info .wrap small { display: block; color: var(--gray); } #main .is_single #pop-bagikan .grid { display: grid; grid-template-columns: repeat(4, 1fr); } #main .is_single #pop-bagikan .grid>* { text-align: center; } #main .is_single #pop-bagikan .grid i { display: flex; width: 50px; height: 50px; border-radius: 50px; box-shadow: var(--card_shadow); margin: auto; align-items: center; justify-content: center; transition: .1s; } #main .is_single #pop-bagikan .grid a:active i { box-shadow: none; } #main .is_single #pop-bagikan .grid i.whatsapp svg { fill: #0DC143; } #main .is_single #pop-bagikan .grid i.telegram svg { fill: #2199CB; } #main .is_single #pop-bagikan .grid i.facebook svg { fill: #1B74E4; } #main .is_single #pop-bagikan .grid i.twitter svg { fill: #1d9bf0; } #main .is_single #pop-bagikan .grid .copy { padding: 20px; grid-column: 1/5; display: grid; grid-template-columns: 1fr auto; border-top: 1px solid var(--border); margin: 20px -20px -20px; border-radius: 0; } #main .is_single #pop-bagikan .grid .copy input,#main .is_single #pop-bagikan .grid .copy button { width: 100%; border: 0; padding: 10px 20px; background: transparent; border-radius: 100px; } #main .is_single #pop-bagikan .grid .copy input { text-overflow: ellipsis; color: var(--black); } #main .is_single #pop-bagikan .grid .copy button { border: 1px solid var(--border); color: var(--key); cursor: pointer; background: transparent; font-size: 80%; } #main .is_single article.is_post .title { font-size: 150%; margin-bottom: 15px; } #main .is_single article.is_post .price { font-size: 130%; } #main .is_single article.is_post .price>* { display: inline-block; vertical-align: middle; line-height: 1; } #main .is_single article.is_post .price b { color: var(--key); } #main .is_single article.is_post .price small { background: var(--key); color: white; font-size: 60%; padding: 5px 10px; margin-right: 5px; border-radius: var(--radius); } #main .is_single article.is_post .price s { opacity: .6; margin-right: 5px; font-size: 90%; } #main .is_single article.is_post .price span { opacity: .6; font-size: 80%; margin-left: 5px; } #main .is_single article.is_post .option { display: grid; grid-gap: 20px; font-size: 90%; } #main .is_single article.is_post .option .item { display: grid; grid-template-columns: 1fr 2.5fr; grid-gap: 20px; } #main .is_single article.is_post .option .item fieldset { border: 0; } #main .is_single article.is_post .option .item.variant button { border: 1px solid var(--border); margin: 0 5px 10px 0; height: auto; padding: 10px 15px; font-size: 90%; } #main .is_single article.is_post .option .item.variant button.active { border: 1px solid var(--key); color: var(--key); } #main .is_single article.is_post .option .item.qty fieldset { display: grid; grid-template-columns: 1fr 1.5fr 1fr; grid-gap: 5px; } #main .is_single article.is_post .option .item.qty fieldset>* { display: block; width: 100%; line-height: 1; height: 40px; border: 1px solid var(--border); text-align: center; } #main .is_single article.is_post .option .item.qty fieldset input { border-radius: var(--radius); } #main .is_single article.is_post .marketplace { color: gray; } #main .is_single article.is_post .marketplace a { display: inline-block; vertical-align: middle; white-space: nowrap; line-height: 1; font-size: 80%; margin-right: 5px; margin-top: 10px; border: 1px solid var(--border); padding: 7.5px 15px; border-radius: var(--radius); box-shadow: inset 0 -2px 0 0 var(--border); } #main .is_single article.is_post .marketplace a:active { box-shadow: none; } #main .is_single article.is_post .marketplace a img { display: inline-block; vertical-align: middle; height: 20px; border-radius: var(--radius); } #main .is_single article.is_post .cta { display: grid; grid-template-columns: auto 1fr; grid-gap: 10px; margin: 20px 0; } #main .is_single article.is_post .cta.disabled { position: relative; opacity: .5; } #main .is_single article.is_post .cta.disabled:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: no-drop; } #main .is_single article.is_post .cta button { display: block; width: 100%; height: 60px; border: 1px solid var(--key); color: var(--key); padding: 0 20px; } #main .is_single article.is_post .cta button svg { display: inline-block; vertical-align: middle; width: 24px; height: 24px; fill: var(--key); } #main .is_single article.is_post .cta button.cart-add { background: var(--key); color: white; } #main .is_single article.is_post .cta button.cart-add svg { margin-right: 5px; fill: white; } #main .is_single article.is_post .cta button.buy { } #main .is_single article .attr { display: none; /*display: grid;*/ grid-template-columns: 1fr auto; grid-gap: 40px 20px; font-size: 80%; background: white; margin-top: 40px; } #main .is_single article .attr>span { display: flex; align-items: center; } #main .is_single article .attr a { color: var(--black); } #main .is_single article .attr img { display: inline-block; vertical-align: middle; border-radius: 100px; margin-right: 10px; box-shadow: 0 0 0 1px var(--border); } #main .is_single article.is_post figure.cover { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 20px; margin-bottom: 40px; } #main .is_single article.is_post figure.cover a:first-of-type { grid-column: 1/5; } #main .is_single article.is_post figure.cover a img { width: 100%; border-radius: var(--radius); box-shadow: var(--card_shadow); } #main .is_single article.is_post figure.cover a:active img { box-shadow: none; } #main .is_single article .breadcrumb { display: grid; grid-template-columns: 1fr auto; grid-gap: 20px; color: var(--gray); font-size: 80%; } #main .is_single article .breadcrumb ol { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #main .is_single article .breadcrumb a.bagikan { display: flex; border-left: 1px solid var(--border); padding-left: 20px; } #main .is_single article .breadcrumb a.bagikan>i { display: block; margin: auto; } #main .is_single article .breadcrumb ol,#main .is_single article .breadcrumb ol li { display: inline; } #main .is_single article .breadcrumb .pager { display: inline-block; margin: 5px; opacity: .5; } #main .is_single article .update { display: block; padding: 10px 20px; border: 1px solid var(--border); border-radius: var(--radius); margin-top: 40px; font-size: 90%; } #main .is_single article .post-body { margin-top: 30px; padding-top: 30px; font-size: 90%; line-height: 1.6; border-top: 1px solid var(--border); } #main .is_single article.is_post .post-body { } #main .is_single article .post-body a { color: var(--key); margin: auto !important; text-decoration: underline; } #main .is_single article .post-body .tr-caption-container { color: var(--gray); } #main .is_single article .post-body img { display: block; margin: 10px auto; border-radius: var(--radius); box-shadow: var(--card_shadow); border: 1px solid var(--border); } #main .is_single article .post-body .video { display: block; margin: 10px auto; } #main .is_single article .post-body blockquote { background: var(--silver); padding: 30px; border: 1px solid var(--border); border-radius: var(--radius); font-size: 105%; margin-top: 20px; } #main .is_single article .post-body blockquote mark { display: inline-block; background: var(--key); color: white; border-radius: 2px; padding: 0 2px; } #main .is_single article .post-body code { font-family: monospace, monospace; } #main .is_single article .post-body pre { overflow: hidden; box-shadow: inset 0 0 0 1px var(--black); border-radius: var(--radius); font-size: 90%; margin-top: 20px; } #main .is_single article .post-body pre code { display: block; max-width: 100%; overflow-x: auto; padding: 20px; } #main .is_single article .post-body pre header { display: block; background: var(--black); color: white; padding: 10px 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #main .is_single article .post-body pre code mark { display: inline-block; background: var(--key); color: white; border-radius: 2px; padding: 0 2px; } #main .is_single article .post-body h2 { font-size: 200%; font-weight: 600; border-top: 1px solid var(--border); padding-top: 20px; padding-bottom: 10px; margin: 20px 0; } #main .is_single article .post-body h3 { font-size: 150%; font-weight: 600; margin-top: 20px; } #main .is_single article .post-body ol,#main .is_single article .post-body ul { margin-left: 2em; padding: 20px 0; } #main .is_single article .post-body ol>li,#main .is_single article .post-body ul>li { margin-bottom: 10px; } #main .is_single article .post-body ol>li:last-of-type,#main .is_single article .post-body ul>li:last-of-type { margin-bottom: 0; } #main .is_single article .post-body .table { border: 1px solid var(--border); max-width: 100%; overflow-x: auto; border-radius: var(--radius); margin-top: 20px; } #main .is_single article .post-body .table table { width: 100%; border-collapse: collapse; } #main .is_single article .post-body .table table thead th { border-bottom: 1px solid var(--border); } #main .is_single article .post-body .table table th,#main .is_single article .post-body table td { padding: 10px; text-align: center; vertical-align: middle; } #main .is_single article .post-body .table table tbody tr:nth-child(odd) td { background: var(--silver); } #main .is_single article .post-body .btn { cursor: pointer; text-decoration: none !important; display: inline-block; vertical-align: middle; padding: 10px 24px; border-radius: var(--radius); border: 1px solid var(--border); color: var(--key); box-shadow: inset 0 -2px 0 0 rgba(0 0 0 / 10%); } #main .is_single article .post-body .btn:active { box-shadow: none; } #main .is_single article .post-body .btn.cta { background: var(--key); border: 1px solid var(--key); color: white; } #main .is_single article .post-body .btn.cta i.icon { color: #fff !important; } #main .is_single article .post-body .btn.block { display: block; text-align: center; } #main .is_single article .post-body .btn-group { display: flex; } #main .is_single article .post-body .btn-group .btn { width: 100%; margin-right: 20px !important; } #main .is_single article .post-body .btn-group .btn:last-of-type { margin-right: 0 !important; } #main .is_single article #comments .comments-title { display: grid; grid-template-columns: 1fr auto; grid-gap: 20px; border: 1px solid var(--border); padding: 20px; border-radius: var(--radius); font-size: 90%; } #main .is_single article a.comments-add { text-decoration: none !important; display: block; padding: 20px; border: 1px solid var(--border); text-align: center; border-radius: var(--radius); margin-top: 40px; font-size: 90%; } #main .is_single article #comments iframe.comment-form { display: block; border: none; width: 100%; height: 364px; } #main .is_single article #comments .comment-actions,#main .is_single article #comments .comment-replies,#main .is_single article #comments .continue,#main .is_single article #comments .loadmore { display: none; } #main .is_single article #comments #comments-block { display: grid; grid-gap: 40px; margin-bottom: 40px; } #main .is_single article #comments #comments-block .comment { display: grid; grid-template-columns: auto 1fr; grid-gap: 20px; } #main .is_single article #comments #comments-block .comment .avatar-image-container { border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 60px; } #main .is_single article #comments #comments-block .comment .avatar-image-container img { border-radius: 50px; width: 50px; height: 50px; object-fit: cover; } #main .is_single article #comments #comments-block .comment .comment-block { direction: ltr; display: block; } #main .is_single article #comments #comments-block .comment .comment-author { line-height: 1; } #main .is_single article #comments #comments-block .comment .comment-author .datetime { display: block; direction: ltr; line-height: 1; margin-top: 10px; margin-bottom: 10px; font-size: 80%; opacity: .8; } #main .is_single article #comments #comments-block .comment .comment-author .user { font-style: normal; font-weight: 600; } #main .is_single article #comments #comments-block .comment .comment-author .user a { color: var(--black); } #main .is_single article #comments #comments-block .comment .comment-author .icon.blog-author:before { content: 'check_circle'; font-family: 'Material Icons'; display: inline-block; margin-top: -5px; margin-left: 5px; vertical-align: middle; color: var(--key); font-size: 24px; height: 24px; width: 24px; overflow: hidden; } #main .is_single article #comments #comments-block .comment .comment-text { word-break: break-word; direction: ltr; margin-top: 10px; padding: 20px; border-radius: 0 var(--radius) var(--radius) var(--radius); border: 1px solid var(--border); box-shadow: var(--card_shadow); line-height: 1.5; display: inline-block; transition: .1s; } #main .is_single article #comments #comments-block .comment .comment-text pre code { display: block; font-size: 90%; max-width: 55vw; overflow-x: auto; padding: 20px; border: 1px solid var(--black); border-radius: var(--radius); } #main .is_single article #comments #comments-block .comment .comment-text .comment-timestamp { font-size: 80%; opacity: .5; } #main .is_single article #comments #comments-block .comment.focus .comment-text { border-color: var(--key); } #main .is_single article #comments #comments-block .comment:nth-child(even) { direction: rtl; text-align: right; } #main .is_single article #comments #comments-block .comment:nth-child(even) .comment-author { text-align: right; } #main .is_single article #comments #comments-block .comment:nth-child(even) .comment-text { border-radius: var(--radius) 0 var(--radius) var(--radius); text-align: left; } #main .is_single #blog-pager { margin-top: 40px; border-top: 2px dashed var(--border); padding-top: 40px; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 40px; } @media only screen and (max-width: 768px) { #main .is_single #blog-pager { grid-template-columns: 1fr; } } #main .is_single #blog-pager a { display: grid; grid-template-columns: auto 1fr; grid-gap: 20px; border-radius: var(--radius); box-shadow: var(--card_shadow); font-size: 90%; padding: 20px; } #main .is_single #blog-pager a b { color: var(--key); } #main .is_single #blog-pager a .flex { display: flex; align-items: center; } #main .is_single #blog-pager a .flex.right { justify-content: end; } #main .is_single #blog-pager a:active { box-shadow: none; } #main .is_single #blog-pager a:nth-child(2) { text-align: right; direction: rtl; } #main .is_single #blog-pager a:nth-child(2)>* { direction: ltr; } #main .is_single #blog-pager a figure { display: block; min-width: 60px; } #main .is_single #blog-pager a figure img { border-radius: var(--radius); width: 100%; } #main .is_single #blog-pager a small { color: var(--gray); } #main .is_single #blog-pager a h3 { line-height: 1.4; } #main .is_loop { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 40px 20px; margin: 40px 0; } @media only screen and (max-width: 768px) { #main .is_loop { grid-template-columns: repeat(2, 1fr); } } #main .is_loop article { min-width: 0; position: relative; transition: .1s; } #main .is_loop article:active { box-shadow: none; } #main .is_loop article figure.cover a { display: block; margin-bottom: 20px; } #main .is_loop article figure.cover a img { width: 100%; box-shadow: var(--card_shadow); border-radius: var(--radius); } #main .is_loop article figure.cover a:active img { box-shadow: none; } #main .is_loop article.empty figure.cover a img { opacity: .5; } #main article.empty figure.cover a { position: relative; } #main article.empty figure.cover a span.empty { display: flex; position: absolute; background: rgba(0 0 0 / 50%); color: white; text-align: center; border-radius: 0 var(--radius) 0 var(--radius); bottom: 0; left: 0; font-size: 70%; padding: 7.5px 15px; } #main article.empty figure.cover a span.empty b { display: block; margin: auto; font-weight: normal; } #main .is_loop article a { display: block; transition: .1s; color: var(--black); } #main .is_loop article .title { line-height: 1.4; font-size: 80%; font-weight: 600; margin-bottom: 5px; display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #main .is_loop article .price { display: block; font-size: 80%; } #main .is_loop article .price small { position: absolute; top: 20px; right: 0; background: var(--key); color: white; border-radius: var(--radius) 0 0 var(--radius); padding: 7.5px 10px; font-weight: 600; font-size: 90%; letter-spacing: .5px; box-shadow: var(--card_shadow); line-height: 1; } #main .is_loop article .price s,#main .is_loop article .price span { display: inline-block; color: var(--gray); } #main .is_loop article .price s { margin-right: 2.5px; } #main .is_loop article .price span { margin-left: 2.5px; } #main .is_loop article .price b { color: var(--key); } #main .is_loop article .post-body { display: none; } #main .loadmore-btn { margin-top: 40px; display: block; padding: 20px; text-align: center; border-radius: var(--radius); border: 1px solid var(--border); font-size: 90%; letter-spacing: 1px; overflow: hidden; } #main .loadmore-btn.loading { text-indent: -9999px; } #feature { padding: 60px 0; background: var(--key); color: white; } #feature .feature-section { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; } #feature .feature-section .widget .grid { display: flex; } #feature .feature-section .widget .grid { margin: auto; display: grid; grid-template-columns: auto 1fr; grid-gap: 15px; font-size: 90%; } #feature .feature-section .widget .grid .icon { display: flex; width: 80px; border-radius: var(--radius); border-right: 1px solid var(--border); } #feature .feature-section .widget .grid .icon img { display: block; margin: auto; max-width: 60%; fill: var(--key); } #feature .feature-section .widget:hover .icon img { transform: scale(1.1); } #feature .feature-section .widget .grid .info { display: flex; line-height: 1.4; } #feature .feature-section .widget .grid .info .wrap { display: block; margin: auto; width: 100%; } #feature .feature-section .widget .grid .info h3 { font-weight: 600; margin-bottom: 5px; } #feature .feature-section .widget .grid .info p { font-size: 90%; opacity: .8; } @media only screen and (max-width: 1280px) { #feature { overflow: auto; } #feature .wrapper { max-width: 100%; } #feature .feature-section { display: block; white-space: nowrap; padding-left: 20px; } #feature .feature-section .widget { display: inline-block; width: 65%; max-width: 400px; border-right: 1px solid var(--border); padding-right: 20px; margin-right: 20px; } #feature .feature-section .widget:last-of-type { border-right: 0; padding-right: 0; } #feature .feature-section .widget .grid h3, #feature .feature-section .widget .grid p { white-space: normal; } #feature .feature-section .widget .grid { grid-template-columns: 1fr; text-align: center; } #feature .feature-section .widget .grid .icon { margin: auto; border-right: 0; } } #contact { display: grid; grid-template-columns: 2fr 1.5fr; grid-gap: 40px; padding: 40px 0; font-size: 90%; } #contact .shippay { grid-column: 1/3; } #contact .shippay { border-top: 1px solid var(--border); padding-top: 40px; line-height: 1; } #contact .shippay figure { display: inline-block; vertical-align: middle; margin-left: 10px; margin-bottom: 10px; border: 1px solid var(--border); border-radius: 100px; padding: 5px 15px; line-height: 1; } #contact .shippay figure img { display: inline-block; vertical-align: middle; max-height: 24px; } #contact .shippay figure figcaption { display: inline-block; font-size: 90%; vertical-align: middle; margin-left: 10px; } #contact .widget:last-of-type { text-align: center; padding-left: 40px; border-left: 1px solid var(--border); } @media only screen and (max-width: 960px) { #contact { grid-template-columns: 1fr; text-align: center; } #contact .widget:last-of-type { border-top: 1px solid var(--border); padding-top: 40px; padding-left: 0; border-left: 0; } #contact .shippay { grid-column: auto; text-align: center; } #contact .shippay b { display: block; margin-bottom: 20px; } #contact .shippay figure { margin: 5px; } } #contact .widget h3 { font-weight: 600; font-size: 120%; margin-bottom: 20px; color: var(--key); } #contact .widget p { color: var(--gray); } #footer { border-top: 1px solid var(--border); display: flex; height: var(--footer_height); align-items: center; font-size: 90%; line-height: 1.5; } #footer #footer-section { color: var(--gray); } #footer #footer-section .LinkList { display: grid; grid-template-columns: 1fr auto; grid-gap: 20px; } #footer #footer-section .LinkList>* { display: flex; } #footer #footer-section .LinkList>*>.wrap { margin: auto; width: 100%; } #footer #footer-section h3 { margin-bottom: 20px; font-size: 120%; } #footer #footer-section .socmed { display: block; margin-bottom: 5px; } #footer #footer-section .socmed a { margin-right: 5px; } #footer #footer-section .socmed a:last-of-type { margin-right: 0; } #footer #footer-section .socmed a i.icon svg { width: 24px; height: 24px; } #footer #footer-section a[href*='#'] { margin-left: 10px; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 50px; box-shadow: var(--card_shadow); } #footer #footer-section a[href*='#']:active { box-shadow: none; } #footer #footer-section a[href*='#']:first-of-type { margin-left: 0; } #footer #footer-section a[href*='#']:hover i.icon { color: var(--black); } @media only screen and (max-width: 480px) { #footer #footer-section { text-align: center; } #footer #footer-section .LinkList { grid-template-columns: 1fr; grid-gap: 5px; } #footer #footer-section .LinkList .right p { display: block; margin: auto; } } #pop-chat .ui { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; height: 300px; background: var(--silver); margin: -20px; padding: 20px; } #pop-chat .ui p span { display: inline-block; background: var(--key); color: white; padding: 10px 20px; box-shadow: var(--card_shadow); border-radius: 0 var(--radius) var(--radius) var(--radius); } #pop-chat .ui form { position: relative; display: grid; grid-template-columns: 1fr auto; grid-gap: 20px; margin: -20px; padding: 20px; margin-top: auto; background: white; border-top: 1px solid var(--border); } #pop-chat .ui form input,#pop-chat .ui form button { display: block; width: 100%; height: 60px; border: 1px solid var(--border); padding: 0 20px; border-radius: var(--radius); } #pop-chat .ui form .opengraph { display: none; position: absolute; left: 20px; width: calc(100% - 40px); bottom: calc(100% - 10px); grid-template-columns: 50px 1fr; grid-gap: 15px; padding: 15px; background: rgba(255 255 255 / 50%); box-shadow: var(--card_shadow); border-radius: var(--radius); } #pop-chat .ui form input:focus~.opengraph { display: grid; } #pop-chat .ui form .opengraph>* { min-width: 0; } #pop-chat .ui form .opengraph img { border-radius: var(--radius); } #pop-chat .ui form .opengraph .info>* { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 90%; } #pop-chat .ui form .opengraph small { color: var(--gray); } i.icon { font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; vertical-align: middle; direction: ltr; -webkit-font-smoothing: antialiased; } i.icon svg { display: block; width: 24px; height: 24px; fill: var(--key); } i.icon.left { margin-right: 10px; } i.icon.right { margin-left: 10px; } small i.icon svg { width: 20px; height: 20px; } small i.icon.left { margin-right: 5px; } small i.icon.right { margin-left: 5px; } [target*="pop-"] { cursor: pointer; } [id*="pop-"] { display: none; } .pop { position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; padding: 40px 0; background: rgba(0 0 0 / 50%); display: flex; text-align: left; font-size: 1rem; font-weight: 400; text-transform: none; transition: transform, margin .1s; visibility: hidden; opacity: 0; } .pop.open { visibility: visible; opacity: 1; } body.pop-open { overflow-y: hidden; } .pop .pop-wrap { display: block; margin: auto; background: white; box-shadow: var(--long_shadow); border-radius: var(--radius); overflow: hidden; width: 500px; max-width: calc(100% - 40px); transition: .1s; transform-origin: bottom center; transform: scale(.9); } .pop.open .pop-wrap { transform: scale(1); } .pop .pop-wrap .pop-header { border-bottom: 1px solid var(--border); display: grid; grid-template-columns: 1fr auto; grid-gap: 20px; } .pop .pop-wrap .pop-header .pop-title { display: flex; padding: 20px; overflow: hidden; } .pop .pop-wrap .pop-header .pop-title h3 { display: block; margin: auto 0; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 100%; font-weight: 400; } .pop .pop-wrap .pop-header .pop-title h3 .pop-back { display: inline-block; vertical-align: middle; margin-right: 10px; width: 20px; height: 20px; } .pop .pop-wrap .pop-header .pop-title h3 .pop-back svg { fill: var(--gray); } .pop .pop-wrap .pop-header .pop-close { display: flex; background: transparent; border: 0; font-size: 200%; line-height: 1; cursor: pointer; padding: 0 20px; opacity: .5; } .pop .pop-wrap .pop-header .pop-close:hover { opacity: 1; } .pop .pop-wrap .pop-header .pop-close:active { transform: scale(.9); } .pop .pop-wrap .pop-header .pop-close svg { display: block; margin: auto; width: 24px; height: 24px; fill: var(--black); stroke: var(--black); } .pop.open .pop-wrap .pop-content { display: block; } .pop .pop-wrap .pop-content { padding: 20px; line-height: 1.5; } .pop .pop-wrap .pop-content hr { width: calc(100% + 40px); margin: 0 -20px; } @media only screen and (max-width: 768px) { .pop { padding: 0; } .pop .pop-wrap { margin-bottom: 0; max-width: 100%; width: 100% !important; border-radius: var(--radius) var(--radius) 0 0; transform: none; } .pop .pop-wrap .pop-content { max-height: 80vh; overflow-y: auto; } } [data-lightbox] { cursor: zoom-in; } #lightbox { display: flex; /*display: none;*/ position: fixed; z-index: 9999999; top: 0; left: 0; width: 100%; height: 100%; overflow-y: auto; padding: 40px 0; background: rgba(0 0 0 / 50%); transition: .1s; visibility: hidden; opacity: 0; } #lightbox.open { visibility: visible; opacity: 1; } body.lightbox_open { overflow: hidden; } #lightbox .lb-wrap { max-width: calc(100% - 40px); position: relative; z-index: 1; display: block; margin: auto; color: #fff; } #lightbox .lb-close { width: 40px; height: 40px; border-radius: 40px; display: inline-block; /*box-shadow: 0 0 0 4px rgba(0 0 0 / 10%);*/ background: rgba(0 0 0 / 20%) no-repeat center center; background-image: url("data:image/svg+xml,%3Csvg style='fill:white' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M278.6 256l68.2-68.2c6.2-6.2 6.2-16.4 0-22.6-6.2-6.2-16.4-6.2-22.6 0L256 233.4l-68.2-68.2c-6.2-6.2-16.4-6.2-22.6 0-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3l68.2 68.2-68.2 68.2c-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3 6.2 6.2 16.4 6.2 22.6 0l68.2-68.2 68.2 68.2c6.2 6.2 16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6L278.6 256z'%3E%3C/path%3E%3C/svg%3E"); background-size: 80% auto; background-position: center center; background-repeat: no-repeat; cursor: pointer; transition: .1s; } #lightbox .lb-close:hover { background-color: rgba(0 0 0 / 30%); } #lightbox .lb-close:active { box-shadow: none; background-color: rgba(0 0 0 / 40%); } #lightbox .lb-np { display: inline-block; width: 40px; height: 40px; border-radius: 40px; background: rgba(0 0 0 / 20%) no-repeat center center; background-size: 60% auto; background-position: center center; background-repeat: no-repeat; cursor: pointer; transition: .1s; } #lightbox .lb-np:hover { background-color: rgba(0 0 0 / 30%); } #lightbox .lb-np:active { background-color: rgba(0 0 0 / 40%); } #lightbox .lb-np.lb-prev { margin-right: 5px; background-image: url("data:image/svg+xml,%3Csvg style='fill:white' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M217.9 256L345 129c9.4-9.4 9.4-24.6 0-33.9-9.4-9.4-24.6-9.3-34 0L167 239c-9.1 9.1-9.3 23.7-.7 33.1L310.9 417c4.7 4.7 10.9 7 17 7s12.3-2.3 17-7c9.4-9.4 9.4-24.6 0-33.9L217.9 256z'%3E%3C/path%3E%3C/svg%3E"); } #lightbox .lb-np.lb-next { margin-left: 5px; background-image: url("data:image/svg+xml,%3Csvg style='fill:white' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M294.1 256L167 129c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.3 34 0L345 239c9.1 9.1 9.3 23.7.7 33.1L201.1 417c-4.7 4.7-10.9 7-17 7s-12.3-2.3-17-7c-9.4-9.4-9.4-24.6 0-33.9l127-127.1z'%3E%3C/path%3E%3C/svg%3E"); } #lightbox .lb-wrap figure { position: relative; display: block; margin: auto; } #lightbox .lb-wrap.lb-loading { min-height: 40px; } #lightbox .lb-wrap.lb-loading:after { content: ''; position: absolute; z-index: 1000; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .2); border-top-color: white; animation: lightbox_preload .75s linear infinite; } @keyframes lightbox_preload { to { transform: rotate(360deg); } } #lightbox .lb-wrap figure .lb-img { display: block; margin: auto; position: relative; } #lightbox .lb-wrap figure .lb-img img { display: block; border-radius: 8px; max-height: calc(100vh - 150px); box-shadow: 0 0 0 7.5px rgba(0 0 0 / 10%); } #lightbox .lb-wrap figure .lb-img img { transition: opacity .5s; } #lightbox .lb-wrap figure .lb-img img[data-src] { opacity: 0; } #lightbox .lb-wrap figure .lb-img .lb-count { position: absolute; bottom: 20px; right: 20px; display: block; margin: auto; background: rgba(0 0 0 / 20%); padding: 7.5px 15px; line-height: 1; border-radius: 100px; font-size: 80%; } #lightbox .lb-wrap figure .lb-nav { position: relative; z-index: 1; display: block; float: right; margin-top: 20px; margin-left: 20px; } #lightbox .lb-wrap figure figcaption { font-size: 100%; display: block; margin-top: 20px; } #lightbox .lb-wrap figure figcaption h4 { font-weight: 600; font-size: 100%; line-height: 1.4; text-shadow: 0 2px 4px rgba(0 0 0 / 40%); } #lightbox .lb-wrap figure figcaption p { margin-top: 5px; font-weight: 400; font-size: 80%; opacity: .6; } .slideshow { max-width:100vw; display: block; position: relative; overflow: hidden; } .slideshow header { position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; background-image: linear-gradient(transparent, rgba(0 0 0 / 50%)); padding: 20% 5% 5%; text-shadow: 0 1px 2px rgba(0 0 0 / 10%); color: white; } .slideshow header h2 { font-weight: 600; font-size: 120%; } .slideshow .slideshow-item,.slideshow .widget { display: none; } .slideshow .slideshow-item:first-of-type,.slideshow .widget:first-of-type { display: block; } .slideshow [class*=nav-] { position: absolute; z-index: 2; top: 50%; transform: translateY(-50%); bottom: 20px; right: 20px; border: 0; line-height: 1; cursor: pointer; transition: .1s; background: rgba(0 0 0 / 10%); border-radius: 100px; visibility: visible; opacity: 1; padding: 0; width: 40px; height: 40px; display: flex; transition: .1s; visibility: hidden; opacity: 0; } .slideshow:hover [class*=nav-] { visibility: visible; opacity: 1; } .slideshow:hover [class*=nav-]:active { transition: none; } .slideshow [class=nav-left] { left: -20px; border-radius: 0 40px 40px 0; } .slideshow [class=nav-right] { right: -20px; border-radius: 40px 0 0 40px; } .slideshow:hover [class=nav-left] { left: 0; } .slideshow:hover [class=nav-right] { right: 0; } .slideshow [class*=nav-] svg { display: block; margin: auto; width: 24px; height: 24px; fill: #fff; } @media only screen and (max-width: 768px) { .slideshow [class*=nav-] { visibility: visible; opacity: 1; } .slideshow [class=nav-left] { left: 0; } .slideshow [class=nav-right] { right: 0; } } [data-feed] { min-height: 200px; } @media only screen and (max-width: 768px) { [data-feed] .is_loop { display: flex !important; grid-gap: 20px !important; overflow-x: auto !important; margin: 40px -20px 0 !important; padding: 0 20px 20px !important; } [data-feed] .is_loop article { min-width: 70vw !important; } } /* CART */#cart-btn { display: block; position: fixed; z-index: 99; bottom: 30px; right: 30px; background: var(--key) no-repeat 15px center; background-size: auto 30px; background-image: url("data:image/svg+xml,%3Csvg fill='white' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M387.9 373.7h49.2l17.5-75.4h-66.7zM387.9 448h.5c18.7 0 33.4-12.5 38.3-29.5l6-25.9h-44.8V448zM265.4 392.5h103.7V448H265.4zM75 373.7h49v-75.4H57.5zM142.9 192h103.7v87.5H142.9zM265.4 192h103.7v87.5H265.4zM85.5 418.3c4.7 17 19.4 29.7 38.1 29.7h.5v-55.5H79.4l6.1 25.8zM142.9 392.5h103.7V448H142.9zM265.4 298.3h103.7v75.4H265.4zM142.9 298.3h103.7v75.4H142.9z' /%3E%3Cpath d='M464 192h-47.9V96c0-17.6-14.4-32-32-32H127.9c-17.6 0-32 14.4-32 32v96H48c-10.3 0-17.9 9.6-15.6 19.6l19.7 67.9H124V106c0-7.7 6.3-14 14-14h236c7.7 0 14 6.3 14 14v173.5h72l19.6-67.9c2.3-10-5.3-19.6-15.6-19.6z' /%3E%3C/svg%3E"); color: white; width: 300px; height: auto; padding-left: 40px; transition: .1s; transform-origin: bottom center; transform: scale(.5); visibility: hidden; opacity: 0; } #cart-btn.open { transform: scale(1); visibility: visible; opacity: 1; } @media only screen and (max-width: 480px) { #cart-btn { width: calc(100% - 60px); } } #cart-btn>.wrap { display: grid; grid-template-columns: 1fr auto; padding: 15px; text-align: left; } #cart { display: block; position: fixed; z-index: 100; top: 0; width: 400px; height: 100%; background: white; transition: .1s; visibility: hidden; opacity: 0; right: -15px; } #cart.open { visibility: visible; opacity: 1; right: 0; } @media only screen and (max-width: 480px) { #cart { width: 100%; } } #cart .header { display: flex; height: 80px; padding: 0 30px; background: white; border-bottom: 1px solid var(--border); } #cart .header>.wrap { margin: auto; width: 100%; display: grid; grid-template-columns: 1fr auto; text-align: left; } #cart .header>.wrap b { display: flex; } #cart .header>.wrap b>span { display: block; margin: auto; margin-left: 0; } #cart .header>.wrap #cart-close { display: inline-block; vertical-align: middle; width: 32px; height: 32px; cursor: pointer; } #cart .header>.wrap #cart-close:before { content: ''; display: block; position: fixed; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0 0 0 / 50%); } #cart .list_n_form { display: none; overflow-y: auto; height: calc(100% - 80px - 80px - 60px); background: white; box-shadow: inset 0 5px 15px var(--border), inset 0 -5px 15px var(--border); font-size: 90%; } #cart .list_n_form .list .item { display: grid; grid-template-columns: 1fr 100px; grid-gap: 15px; padding: 30px; } #cart .list_n_form .list .item.focus { background: skyblue; } #cart .list_n_form .list .item { border-bottom: 2px dashed var(--border); } #cart .list_n_form .list .item:last-of-type { border-bottom: none; } #cart .list_n_form .list .item .left .title { } #cart .list_n_form .list .item .left .note { display: block; width: 100%; border: 0; border-bottom: 1px solid var(--border); padding: 5px 0; margin: 5px 0; } #cart .list_n_form .list .item .left .variant,#cart .list_n_form .list .item .left .total { color: var(--key); } #cart .list_n_form .list .item .left .unit { opacity: .6; } #cart .list_n_form .list .item .right a.link { display: block; position: relative; border-radius: var(--radius); overflow: hidden; box-shadow: var(--card_shadow); } #cart .list_n_form .list .item .right a.link img.img { display: block; width: 100px; height: 100px; object-fit: cover; } #cart .list_n_form .list .item .right a.link small.weight { position: absolute; bottom: 0; right: 0; background: rgba(0 0 0 / 50%); color: white; display: inline-block; padding: 5px 10px; line-height: 1; border-radius: var(--radius) 0 0 0; } #cart .list_n_form .list .item .right fieldset.qty { display: grid; grid-template-columns: 1fr 1.5fr 1fr; grid-gap: 5px; border: 0; margin-top: 10px; } #cart .list_n_form .list .item .right fieldset.qty>* { display: block; width: 100%; line-height: 1; height: 30px; padding: 0; border: 1px solid var(--border); text-align: center; } #cart .list_n_form .list .item .right fieldset.qty input { border-radius: var(--radius); } #cart .list_n_form .form { border: 0; padding: 15px 30px; border-top: 2px solid var(--key); display: grid; grid-gap: 15px; } #cart .list_n_form .form fieldset { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 15px; border: 0; width: 100%; } #cart .list_n_form .form input,#cart .list_n_form .form select,#cart .list_n_form .form textarea { display: block; width: 100%; height: 40px; border: 0; font-size: 90%; border-bottom: 1px solid var(--border); text-overflow: ellipsis; background: transparent no-repeat left center; background-size: auto 20px; padding-left: 30px; } #cart .list_n_form .form [name]:focus { border-color: var(--key); } #cart .list_n_form .form input[name=name] { background-image: url("data:image/svg+xml,%0A%3Csvg fill='rgba(0 0 0 / 20%)' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M447.8 438.3c-7.2-31.8-48.3-47.3-62.5-52.3-15.6-5.5-37.8-6.8-52.1-10-8.2-1.8-20.1-6.3-24.1-11.1s-1.6-49.3-1.6-49.3 7.4-11.5 11.4-21.7c4-10.1 8.4-37.9 8.4-37.9s8.2 0 11.1-14.4c3.1-15.7 8-21.8 7.4-33.5-.6-11.5-6.9-11.2-6.9-11.2s6.1-16.7 6.8-51.3c.9-41.1-31.3-81.6-89.6-81.6-59.1 0-90.6 40.5-89.7 81.6.8 34.6 6.7 51.3 6.7 51.3s-6.3-.3-6.9 11.2c-.6 11.7 4.3 17.8 7.4 33.5 2.8 14.4 11.1 14.4 11.1 14.4s4.4 27.8 8.4 37.9c4 10.2 11.4 21.7 11.4 21.7s2.4 44.5-1.6 49.3c-4 4.8-15.9 9.3-24.1 11.1-14.3 3.2-36.5 4.5-52.1 10-14.2 5-55.3 20.5-62.5 52.3-1.1 5 2.7 9.7 7.9 9.7H440c5.1 0 8.9-4.7 7.8-9.7z'/%3E%3C/svg%3E"); } #cart .list_n_form .form input[name=phone] { background-image: url("data:image/svg+xml,%0A%3Csvg fill='rgba(0 0 0 / 20%)' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M436.9 364.8c-14.7-14.7-50-36.8-67.4-45.1-20.2-9.7-27.6-9.5-41.9.8-11.9 8.6-19.6 16.6-33.3 13.6-13.7-2.9-40.7-23.4-66.9-49.5-26.2-26.2-46.6-53.2-49.5-66.9-2.9-13.8 5.1-21.4 13.6-33.3 10.3-14.3 10.6-21.7.8-41.9C184 125 162 89.8 147.2 75.1c-14.7-14.7-18-11.5-26.1-8.6 0 0-12 4.8-23.9 12.7-14.7 9.8-22.9 18-28.7 30.3-5.7 12.3-12.3 35.2 21.3 95 27.1 48.3 53.7 84.9 93.2 124.3l.1.1.1.1c39.5 39.5 76 66.1 124.3 93.2 59.8 33.6 82.7 27 95 21.3 12.3-5.7 20.5-13.9 30.3-28.7 7.9-11.9 12.7-23.9 12.7-23.9 2.9-8.1 6.2-11.4-8.6-26.1z'/%3E%3C/svg%3E"); } #cart .list_n_form .form input[name=email] { background-image: url("data:image/svg+xml,%0A%3Csvg fill='rgba(0 0 0 / 20%)' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M460.6 147.3L353 256.9c-.8.8-.8 2 0 2.8l75.3 80.2c5.1 5.1 5.1 13.3 0 18.4-2.5 2.5-5.9 3.8-9.2 3.8s-6.7-1.3-9.2-3.8l-75-79.9c-.8-.8-2.1-.8-2.9 0L313.7 297c-15.3 15.5-35.6 24.1-57.4 24.2-22.1.1-43.1-9.2-58.6-24.9l-17.6-17.9c-.8-.8-2.1-.8-2.9 0l-75 79.9c-2.5 2.5-5.9 3.8-9.2 3.8s-6.7-1.3-9.2-3.8c-5.1-5.1-5.1-13.3 0-18.4l75.3-80.2c.7-.8.7-2 0-2.8L51.4 147.3c-1.3-1.3-3.4-.4-3.4 1.4V368c0 17.6 14.4 32 32 32h352c17.6 0 32-14.4 32-32V148.7c0-1.8-2.2-2.6-3.4-1.4z'/%3E%3Cpath d='M256 295.1c14.8 0 28.7-5.8 39.1-16.4L452 119c-5.5-4.4-12.3-7-19.8-7H79.9c-7.5 0-14.4 2.6-19.8 7L217 278.7c10.3 10.5 24.2 16.4 39 16.4z'/%3E%3C/svg%3E"); } #cart .list_n_form .form textarea[name=address] { background-image: url("data:image/svg+xml,%0A%3Csvg fill='rgba(0 0 0 / 20%)' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M258.5 104.1c-1.5-1.2-3.5-1.2-5 0l-156 124.8c-.9.8-1.5 1.9-1.5 3.1v230c0 1.1.9 2 2 2h108c1.1 0 2-.9 2-2V322c0-1.1.9-2 2-2h92c1.1 0 2 .9 2 2v140c0 1.1.9 2 2 2h108c1.1 0 2-.9 2-2V232c0-1.2-.6-2.4-1.5-3.1l-156-124.8z'/%3E%3Cpath d='M458.7 204.2l-189-151.4C265.9 49.7 261 48 256 48s-9.9 1.7-13.7 4.8L160 119.7V77.5c0-1.1-.9-2-2-2H98c-1.1 0-2 .9-2 2v92.2l-42.7 35.1c-3.1 2.5-5.1 6.2-5.3 10.2-.2 4 1.3 7.9 4.1 10.7 2.6 2.6 6.1 4.1 9.9 4.1 3.2 0 6.3-1.1 8.8-3.1l183.9-148c.5-.4.9-.4 1.3-.4s.8.1 1.3.4l183.9 147.4c2.5 2 5.6 3.1 8.8 3.1 3.7 0 7.2-1.4 9.9-4.1 2.9-2.8 4.4-6.7 4.2-10.7-.3-4-2.2-7.7-5.4-10.2z'/%3E%3C/svg%3E"); } #cart .list_n_form .form textarea[name=note] { background-image: url("data:image/svg+xml,%3Csvg fill='rgba(0 0 0 / 20%)' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M64 368v80h80l235.727-235.729-79.999-79.998L64 368zm377.602-217.602c8.531-8.531 8.531-21.334 0-29.865l-50.135-50.135c-8.531-8.531-21.334-8.531-29.865 0l-39.468 39.469 79.999 79.998 39.469-39.467z'/%3E%3C/svg%3E"); } #cart .list_n_form .form select[name=shipping] { background-image: url("data:image/svg+xml,%0A%3Csvg fill='rgba(0 0 0 / 20%)' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M440.8 129.5L261.7 49.2c-3.6-1.6-7.7-1.6-11.3 0L71.2 129.5c-6 2.7-6.2 11.8-.4 14.8l178.7 94.1c4.1 2.2 8.9 2.2 13 0l178.7-94.1c5.8-3 5.6-12.1-.4-14.8zM280.2 462.9l180.1-95.3c2.2-1.4 3.6-4 3.6-6.8V175.9c0-5.9-5.8-9.7-10.7-7.1l-180.1 92.8c-2.6 1.3-4.2 4.1-4.2 7.1V456c.1 6.2 6.4 10 11.3 6.9zM48 175.9v184.8c0 2.8 1.4 5.4 3.6 6.8l180.1 95.3c5 3.2 11.2-.6 11.2-6.8V268.7c0-3-1.6-5.8-4.2-7.1l-180-92.8c-4.9-2.6-10.7 1.3-10.7 7.1z'/%3E%3C/svg%3E"); } #cart .list_n_form .form select[name=payment] { background-image: url("data:image/svg+xml,%3Csvg fill='rgba(0 0 0 / 20%)' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M404 160H108c-33.1 0-60 26.9-60 60v168c0 33.1 26.9 60 60 60h296c33.1 0 60-26.9 60-60V220c0-33.1-26.9-60-60-60zM342.9 65L108 110.9c-18 4-44 22.1-44 44.1 0 0 15-19 49-19h287v-20.5c0-12.6-5-28.7-13.9-37.6-11.3-11.3-27.5-16.2-43.2-12.9z'/%3E%3C/svg%3E"); } #cart .list_n_form .form .detail { position: relative; border: 1px solid var(--border); padding: 15px; border-radius: var(--radius) var(--radius) var(--radius) 0; box-shadow: 1px 1px 0 0 var(--border); margin-bottom: -10px; } #cart .list_n_form .form .detail img { max-height: 40px; float: right; margin-left: 15px; } #cart .list_n_form .form .detail h4 { display: block; font-weight: 600; font-size: 80%; color: var(--key); } #cart .list_n_form .form .detail p { line-height: 1.2; } #cart .list_n_form .form .detail:before { content: ''; position: absolute; top: 100%; left: -1px; border: 5px solid; border-color: var(--border) var(--border) transparent transparent; } #cart .list_n_form .form textarea { min-height: 60px; resize: vertical; background-position: top left; } #cart .cta,#cart .empty { display: none; background: white; color: var(--gray); } #cart .empty { height: calc(100% - 80px); display: flex; padding: 0 30px; } #cart .empty>.wrap { margin: auto; width: 100%; text-align: center; } #cart .empty>.wrap svg { display: block; margin: auto; margin-bottom: 15px; width: 50%; height: auto; fill: var(--border); } #cart .cta { border-top: 1px solid var(--border); } #cart .cta .subtotal { display: flex; height: 80px; padding: 0 30px; font-size: 90%; } #cart .cta .subtotal>.wrap { margin: auto; width: 100%; } #cart .cta .subtotal>.wrap .grid { display: grid; grid-template-columns: 1fr auto; } #cart .cta .subtotal>.wrap .grid b { color: var(--key); } #cart .cta .subtotal>.wrap .grid a { color: var(--key); } #cart .cta button.checkout { display: block; width: 100%; background: var(--key); border-color: var(--key); color: white; font-size: 110%; height: 60px; border-radius: 0; } #cart .cta button.checkout svg { display: inline-block; vertical-align: middle; margin-right: 15px; fill: white; width: 24px; height: 24px; }
]]>
<!--
6289618885066
"email" : false,
"address" : true,
"note" : true,
"shipping" : true,
"payment" : true,
"Pesan - Ambil ( Pickup )" : {
"status" : true,
"info" : "Jl. Alamat Toko, No. 123 - Bandung, Indonesia 40241",
"img" : "https://i.ibb.co/VgKRYNX/pickup.png",
},
"Pesan - Antar ( Go-Send )" : {
"status" : true,
"info" : "Ongkir di Tempat",
"img" : "https://i.ibb.co/G7brrLH/go-send.png",
},
"Pesan - Antar ( GrabExpress )" : {
"status" : true,
"info" : "Ongkir di Tempat",
"img" : "https://i.ibb.co/XVzSfnC/grab-express.png",
},
"Transfer BCA" : {
"status" : false,
"info" : "437124578065 A/n. ",
"img" : "https://i.ibb.co/2vs9spN/bca.png",
},
"Transfer Go-Pay" : {
"status" : true,
"info" : "6285156860006 A/n. ALgi FH",
"img" : "https://i.ibb.co/Dzw6qY6/go-pay.png",
},
"Transfer OVO" : {
"status" : true,
"info" : "6285156860006 A/n. ALgi FH",
"img" : "https://i.ibb.co/fXnY6H9/ovo.png",
},
"Transfer DANA" : {
"status" : true,
"info" : "6285156860006 A/n. ALgi FH",
"img" : "https://i.ibb.co/yhZyS09/dana.png",
},
"Transfer PayPal" : {
"status" : true,
"info" : "paypal.me/ALGIFH",
"img" : "https://i.ibb.co/xmgJSC8/paypal.png",
},
"menu" : "Menu",
"share" : "Bagikan",
"copy" : "Salin",
"search" : "Pencarian",
"search_placeholder" : "Cari disini..",
"product_empty" : "Habis",
"product_not_found" : "Tidak ditemukan..",
"product_explore" : "Terbaru . .",
"product_qty" : "Kuantitas",
"product_add" : "+ Tambahkan",
"product_via_marketplace" : "atau, checkout via marketplace favorit anda :",
"product_all" : "Semua",
"product_loadmore" : "Lainnya",
"product_more_in" : "Lainnya di",
"product_prev" : "Sebelumnya",
"product_next" : "Selanjutnya",
"product_sort" : "Urutkan",
"product_sort_new" : "Paling Baru",
"product_sort_low" : "Harga : Terendah",
"product_sort_high" : "Harga : Tertinggi",
"cart_order" : "Pesanan",
"cart_note" : "Keterangan",
"cart_remove" : "Hapus pesanan?",
"cart_qty_n_price" : "Qty & Harga",
"cart_total" : "Total",
"cart_weight" : "Berat Pesanan",
"cart_send" : "Kirim Pesanan",
"cart_empty" : "Belum ada pesanan..",
"checkout_confirm" : "Apakah data pesanan sudah benar?",
"checkout_intro" : "Halo admin, saya mau pesan :",
"checkout_info" : "Informasi Pemesan",
"checkout_name" : "Nama Pemesan",
"checkout_phone" : "No. Telepon",
"checkout_address" : "Alamat Pemesan",
"checkout_email" : "E-mail",
"checkout_note" : "Catatan Pesanan",
"checkout_shipping" : "Metode Pengiriman",
"checkout_payment" : "Metode Pembayaran",
"error_title" : "#404",
"error_desc" : "Halaman tidak ditemukan ..",
"error_back" : "Kembali ke",
"error_home" : "Halaman Utama",
"chat_title" : "Chat via WhatsApp",
"chat_intro" : "Halo.. ada yang ingin ditanyakan?",
"chat_placeholder" : "Tulis pertanyaan..",
"country_id" : "id-ID",
"currency" : "IDR",
https://blogger.googleusercontent.com/img/a/AVvXsEiFpncaj3D9L5qk1sXg2van1WsqL-qoqggR2E7c-fHMLeH8CQe2e9hHclFiViPxR25ZS2VVhJSGoY-9P_Tu2zc3gWeFxEtT8kz8cZTF7Awbm-7dB0Pyh6mq0mkmsRYH2Cl-lnyJPYZfoSiHQ04dzqtf_A3VAP95v1xuOOAy0hi1e3-GNMrBHiH22vtx=s1280
640
1133
false
1280
https://algidigital.com
Keterangan
https://blogger.googleusercontent.com/img/a/AVvXsEhksUqhAAj0dZQnBkE-W_B2bFC9INkEM54Id2ykT8BvObcxSTmN6LqSujjU12EDE7mYzUbte7SwWnIBFfsQUCGOTh48GSJFz_zwWAs4cd45U6ew0S6AsdSC9qHjUUf6j51fbM8z-YpKFCV3nK9dBFbP-TOg1JlqgHQN-p5-aGCPN79wjMlyuteeyndk=s1280
640
1133
false
1280
https://algidigital.com
Keterangan
https://dummyimage.com/1280x640/55626f/FFFFFF.jpg
480
1613
false
1280
#link
Keterangan
https://dummyimage.com/1280x640/55626f/FFFFFF.jpg
400
1613
false
184
#link
Keterangan
https://blogger.googleusercontent.com/img/a/AVvXsEj54IfZGG6Ya7t1NoASx7bo9_IIMf-tPplGDjLo1GcEgRo2D-KdqwEMdiqSKZr07-pFnL3YNPz4kamXGWssHiamj1r44KIwI7pLyNr5ko-szTxBX4JBT2Z50xxMK41XCx8Fmh5rgdVwKcr6hxpLF8PxSxRh15eAubqpGLMAf23ZG5gT0t0oH9KLexVN=s1280
1280
1133
false
1280
https://wa.me/6287776222847
Digital Printing
Jasa Desain
Hoodies
NONE
Digital Printing
https://lh3.googleusercontent.com/-iR0wwXP5WAQ/Yo0lNXhHPmI/AAAAAAAABZ4/wxi5Wz-1jBAXX3U4YCQWdkoHiCUz-s3qQCNcBGAsYHQ/h120/l1.jpg
Nama Label
https://lh3.googleusercontent.com/-KWWF6wSB9d0/Yo0s9rh5TbI/AAAAAAAABa0/Xs4-RSrLN_sUpZRdfKs37TqEhslrRAu_gCNcBGAsYHQ/h120/l2.jpg
https://dummyimage.com/1280x480/55626f/FFFFFF.jpg
Jasa Desain
false
#868686
false
Oleh.
true
#434343
false
#f7f7f7
TextAndImage
#000000
false
1x1
false
false
false
1
false
#000000
false
false
"image": {
"@type": "ImageObject",
"url": "
},
"publisher": {
"@type": "Organization",
"name": "Blogger",
"logo": {
"@type": "ImageObject",
"url": "https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=h60",
"width": 206,
"height": 60
}
},
https://i.ibb.co/vjGVZW7/whatsapp.png
512
1613
false
512
#link
Proses Pemesanan Mudah ( via WhatsApp ) Instan checkout, tanpa registrasi / login.
https://i.ibb.co/ZhyXdw4/box.png
512
1613
false
512
#link
https://i.ibb.co/QnGKKL1/wallet.png
512
1613
false
512
#link
Bayar via Bank Transfer, E-Wallet atau PayPal? Bisa banget!
Pusatnya premium aplikasi
Jl. Alamat Toko, No. 123 - Bandung 40241
<br/>
Phone / WhatsApp. +62 87776222847
0
0
<!---->
</body>
