@font-face{font-family:"lg";src:url(//rayongcom.com/wp-content/themes/plant3/assets/fonts/lg.woff2?io9a6k) format("woff2");font-weight:normal;font-style:normal;font-display:block}.lg-icon{font-family:"lg" !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lg-container{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}.lg-next,.lg-prev{background-color:rgba(0,0,0,.45);border-radius:2px;color:#999;cursor:pointer;display:block;font-size:22px;margin-top:-10px;padding:8px 10px 9px;position:absolute;top:50%;z-index:1084;outline:none;border:none}.lg-next.disabled,.lg-prev.disabled{opacity:0 !important;cursor:default}.lg-next:hover:not(.disabled),.lg-prev:hover:not(.disabled){color:#fff}.lg-single-item .lg-next,.lg-single-item .lg-prev{display:none}.lg-next{right:20px}.lg-next:before{content:""}.lg-prev{left:20px}.lg-prev:after{content:""}@-webkit-keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@-moz-keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@-ms-keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@-webkit-keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}@-moz-keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}@-ms-keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}@keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}.lg-outer.lg-right-end .lg-object{-webkit-animation:lg-right-end .3s;-o-animation:lg-right-end .3s;animation:lg-right-end .3s;position:relative}.lg-outer.lg-left-end .lg-object{-webkit-animation:lg-left-end .3s;-o-animation:lg-left-end .3s;animation:lg-left-end .3s;position:relative}.lg-toolbar{z-index:1082;left:0;position:absolute;top:0;width:100%}.lg-media-overlap .lg-toolbar{background-image:linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4))}.lg-toolbar .lg-icon{color:#999;cursor:pointer;float:right;font-size:24px;height:47px;line-height:27px;padding:10px 0;text-align:center;width:50px;text-decoration:none !important;outline:medium none;will-change:color;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear;background:none;border:none;box-shadow:none}.lg-toolbar .lg-icon.lg-icon-18{font-size:18px}.lg-toolbar .lg-icon:hover{color:#fff}.lg-toolbar .lg-close:after{content:""}.lg-toolbar .lg-maximize{font-size:22px}.lg-toolbar .lg-maximize:after{content:""}.lg-toolbar .lg-download:after{content:""}.lg-sub-html{color:#eee;font-size:16px;padding:10px 40px;text-align:center;z-index:1080;opacity:0;-webkit-transition:opacity .2s ease-out 0s;-o-transition:opacity .2s ease-out 0s;transition:opacity .2s ease-out 0s}.lg-sub-html h4{margin:0;font-size:13px;font-weight:bold}.lg-sub-html p{font-size:12px;margin:5px 0 0}.lg-sub-html a{color:inherit}.lg-sub-html a:hover{text-decoration:underline}.lg-media-overlap .lg-sub-html{background-image:linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6))}.lg-item .lg-sub-html{position:absolute;bottom:0;right:0;left:0}.lg-error-msg{font-size:14px;color:#999}.lg-counter{color:#999;display:inline-block;font-size:16px;padding-left:20px;padding-top:12px;height:47px;vertical-align:middle}.lg-closing .lg-toolbar,.lg-closing .lg-prev,.lg-closing .lg-next,.lg-closing .lg-sub-html{opacity:0;-webkit-transition:-webkit-transform .08 cubic-bezier(0, 0, 0.25, 1) 0s,opacity .08 cubic-bezier(0, 0, 0.25, 1) 0s,color .08 linear;-moz-transition:-moz-transform .08 cubic-bezier(0, 0, 0.25, 1) 0s,opacity .08 cubic-bezier(0, 0, 0.25, 1) 0s,color .08 linear;-o-transition:-o-transform .08 cubic-bezier(0, 0, 0.25, 1) 0s,opacity .08 cubic-bezier(0, 0, 0.25, 1) 0s,color .08 linear;transition:transform .08 cubic-bezier(0, 0, 0.25, 1) 0s,opacity .08 cubic-bezier(0, 0, 0.25, 1) 0s,color .08 linear}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-img-wrap,body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-video-cont{opacity:0;-moz-transform:scale3d(0.5, 0.5, 0.5);-o-transform:scale3d(0.5, 0.5, 0.5);-ms-transform:scale3d(0.5, 0.5, 0.5);-webkit-transform:scale3d(0.5, 0.5, 0.5);transform:scale3d(0.5, 0.5, 0.5);will-change:transform,opacity;-webkit-transition:-webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s,opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;-moz-transition:-moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s,opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;-o-transition:-o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s,opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;transition:transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s,opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-img-wrap,body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-video-cont{opacity:1;-moz-transform:scale3d(1, 1, 1);-o-transform:scale3d(1, 1, 1);-ms-transform:scale3d(1, 1, 1);-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}.lg-icon:focus-visible{color:#fff;border-radius:3px;outline:1px dashed rgba(255,255,255,.6)}.lg-toolbar .lg-icon:focus-visible{border-radius:8px;outline-offset:-5px}.lg-group:after{content:"";display:table;clear:both}.lg-container{display:none;outline:none}.lg-container.lg-show{display:block}.lg-on{scroll-behavior:unset}.lg-overlay-open{overflow:hidden}.lg-toolbar,.lg-prev,.lg-next,.lg-pager-outer,.lg-hide-sub-html .lg-sub-html{opacity:0;will-change:transform,opacity;-webkit-transition:-webkit-transform .25s cubic-bezier(0, 0, 0.25, 1) 0s,opacity .25s cubic-bezier(0, 0, 0.25, 1) 0s;-moz-transition:-moz-transform .25s cubic-bezier(0, 0, 0.25, 1) 0s,opacity .25s cubic-bezier(0, 0, 0.25, 1) 0s;-o-transition:-o-transform .25s cubic-bezier(0, 0, 0.25, 1) 0s,opacity .25s cubic-bezier(0, 0, 0.25, 1) 0s;transition:transform .25s cubic-bezier(0, 0, 0.25, 1) 0s,opacity .25s cubic-bezier(0, 0, 0.25, 1) 0s}.lg-show-in .lg-toolbar,.lg-show-in .lg-prev,.lg-show-in .lg-next,.lg-show-in .lg-pager-outer{opacity:1}.lg-show-in.lg-hide-sub-html .lg-sub-html{opacity:1}.lg-show-in .lg-hide-items .lg-prev{opacity:0;-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0)}.lg-show-in .lg-hide-items .lg-next{opacity:0;-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0)}.lg-show-in .lg-hide-items .lg-toolbar{opacity:0;-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0)}.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html{opacity:0;-webkit-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0)}.lg-outer{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1050;text-align:left;opacity:.001;outline:none;will-change:auto;overflow:hidden;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lg-outer.lg-zoom-from-image{opacity:1}.lg-outer.lg-visible{opacity:1}.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide,.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide,.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current{-webkit-transition-duration:inherit !important;transition-duration:inherit !important;-webkit-transition-timing-function:inherit !important;transition-timing-function:inherit !important}.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-current{-webkit-transition-duration:0s !important;transition-duration:0s !important;opacity:1}.lg-outer.lg-grab img.lg-object{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer.lg-grabbing img.lg-object{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg-content{position:absolute;top:0;left:0;right:0;bottom:0}.lg-outer .lg-inner{width:100%;position:absolute;left:0;top:0;bottom:0;-webkit-transition:opacity 0s;-o-transition:opacity 0s;transition:opacity 0s;white-space:nowrap}.lg-outer .lg-item{display:none !important}.lg-outer .lg-item:not(.lg-start-end-progress){background:url(//rayongcom.com/wp-content/themes/plant3/assets/img/loading.gif) no-repeat scroll center center rgba(0,0,0,0)}.lg-outer.lg-css3 .lg-prev-slide,.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide{display:inline-block !important}.lg-outer.lg-css .lg-current{display:inline-block !important}.lg-outer .lg-item,.lg-outer .lg-img-wrap{display:inline-block;text-align:center;position:absolute;width:100%;height:100%}.lg-outer .lg-item:before,.lg-outer .lg-img-wrap:before{content:"";display:inline-block;height:100%;vertical-align:middle}.lg-outer .lg-img-wrap{position:absolute;left:0;right:0;top:0;bottom:0;white-space:nowrap;font-size:0}.lg-outer .lg-item.lg-complete{background-image:none}.lg-outer .lg-item.lg-current{z-index:1060}.lg-outer .lg-object{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;width:auto;height:auto;position:relative}.lg-outer .lg-empty-html.lg-sub-html,.lg-outer .lg-empty-html .lg-sub-html{display:none}.lg-outer.lg-hide-download .lg-download{opacity:.75;pointer-events:none}.lg-outer .lg-first-slide .lg-dummy-img{position:absolute;top:50%;left:50%}.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components{-webkit-transform:translate3d(0, 0%, 0);transform:translate3d(0, 0%, 0);opacity:1}.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html{opacity:1;transition:opacity .2s ease-out .15s}.lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1040;background-color:#000;opacity:0;will-change:auto;-webkit-transition:opacity 333ms ease-in 0s;-o-transition:opacity 333ms ease-in 0s;transition:opacity 333ms ease-in 0s}.lg-backdrop.in{opacity:1}.lg-css3.lg-no-trans .lg-prev-slide,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-current{-webkit-transition:none 0s ease 0s !important;-moz-transition:none 0s ease 0s !important;-o-transition:none 0s ease 0s !important;transition:none 0s ease 0s !important}.lg-css3.lg-use-css3 .lg-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-css3.lg-fade .lg-item{opacity:0}.lg-css3.lg-fade .lg-item.lg-current{opacity:1}.lg-css3.lg-fade .lg-item.lg-prev-slide,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-current{-webkit-transition:opacity .1s ease 0s;-moz-transition:opacity .1s ease 0s;-o-transition:opacity .1s ease 0s;transition:opacity .1s ease 0s}.lg-css3.lg-use-css3 .lg-item.lg-start-progress{-webkit-transition:-webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;-moz-transition:-moz-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;-o-transition:-o-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;transition:transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s}.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress{-webkit-transition:-webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;-moz-transition:-moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;-o-transition:-o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;transition:transform 1s cubic-bezier(0, 0, 0.25, 1) 0s}.lg-css3.lg-slide.lg-use-css3 .lg-item{opacity:0}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transition:-webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0, 0, 0.25, 1) 0s,opacity .1s ease 0s}.lg-container{display:none}.lg-container.lg-show{display:block}.lg-container.lg-dragging-vertical .lg-backdrop{-webkit-transition-duration:0s !important;transition-duration:0s !important}.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current{-webkit-transition-duration:0s !important;transition-duration:0s !important;opacity:1}.lg-inline .lg-backdrop,.lg-inline .lg-outer{position:absolute}.lg-inline .lg-backdrop{z-index:1}.lg-inline .lg-outer{z-index:2}.lg-inline .lg-maximize:after{content:""}.lg-components{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);will-change:transform;-webkit-transition:-webkit-transform .35s ease-out 0s;-moz-transition:-moz-transform .35s ease-out 0s;-o-transition:-o-transform .35s ease-out 0s;transition:transform .35s ease-out 0s;z-index:1080;position:absolute;bottom:0;right:0;left:0}.lg-outer .lg-video-cont{text-align:center;display:inline-block;vertical-align:middle;position:relative}.lg-outer .lg-video-cont .lg-object{width:100% !important;height:100% !important}.lg-outer .lg-has-iframe .lg-video-cont{-webkit-overflow-scrolling:touch;overflow:auto}.lg-outer .lg-video-object{position:absolute;left:0;right:0;width:100%;height:100%;top:0;bottom:0;z-index:3}.lg-outer .lg-video-poster{z-index:1}.lg-outer .lg-has-video .lg-video-object{opacity:0;will-change:opacity;-webkit-transition:opacity .3s ease-in;-o-transition:opacity .3s ease-in;transition:opacity .3s ease-in}.lg-outer .lg-has-video.lg-video-loaded .lg-video-poster,.lg-outer .lg-has-video.lg-video-loaded .lg-video-play-button{opacity:0 !important}.lg-outer .lg-has-video.lg-video-loaded .lg-video-object{opacity:1}@keyframes lg-play-stroke{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@keyframes lg-play-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.lg-video-play-button{width:18%;max-width:140px;position:absolute;top:50%;left:50%;z-index:2;cursor:pointer;transform:translate(-50%, -50%) scale(1);will-change:opacity,transform;-webkit-transition:-webkit-transform .25s cubic-bezier(0.17, 0.88, 0.32, 1.28),opacity .1s;-moz-transition:-moz-transform .25s cubic-bezier(0.17, 0.88, 0.32, 1.28),opacity .1s;-o-transition:-o-transform .25s cubic-bezier(0.17, 0.88, 0.32, 1.28),opacity .1s;transition:transform .25s cubic-bezier(0.17, 0.88, 0.32, 1.28),opacity .1s}.lg-video-play-button:hover .lg-video-play-icon-bg,.lg-video-play-button:hover .lg-video-play-icon{opacity:1}.lg-video-play-icon-bg{fill:none;stroke-width:3%;stroke:#fcfcfc;opacity:.6;will-change:opacity;-webkit-transition:opacity .12s ease-in;-o-transition:opacity .12s ease-in;transition:opacity .12s ease-in}.lg-video-play-icon-circle{position:absolute;top:0;left:0;bottom:0;right:0;fill:none;stroke-width:3%;stroke:rgba(30,30,30,.9);stroke-opacity:1;stroke-linecap:round;stroke-dasharray:200;stroke-dashoffset:200}.lg-video-play-icon{position:absolute;width:25%;max-width:120px;left:50%;top:50%;transform:translate3d(-50%, -50%, 0);opacity:.6;will-change:opacity;-webkit-transition:opacity .12s ease-in;-o-transition:opacity .12s ease-in;transition:opacity .12s ease-in}.lg-video-play-icon .lg-video-play-icon-inner{fill:#fcfcfc}.lg-video-loading .lg-video-play-icon-circle{animation:lg-play-rotate 2s linear .25s infinite,lg-play-stroke 1.5s ease-in-out .25s infinite}.lg-video-loaded .lg-video-play-button{opacity:0;transform:translate(-50%, -50%) scale(0.7)}div.glowCookies__banner__1>p{line-height:1.6}label {
display: block;
margin-bottom: 3px;
font-size: 0.9375em;
}
abbr {
text-decoration: none;
}
:root {
--s-woo-foot: 70px;
}
body.woocommerce-page {
--s-container-width: 1180px;
}
html body.woocommerce-account:not(.logged-in) {
--s-content-width: 480px;
}
html body.woocommerce-account,
html body.woocommerce-cart,
html body.woocommerce-checkout {
--s-content-width: 960px;
}
.button {
color: var(--s-text-1);
background: var(--s-border-2);
border: none;
padding: 0.5em 0.8em 0.4em;
cursor: pointer;
font-family: var(--s-heading);
font-weight: var(--s-heading-weight);
text-align: center;
line-height: 1.3;
border-radius: var(--s-rounded-1);
transition: 0.3s;
display: inline-block;
}
.button:hover {
color: var(--s-bg-1);
background: var(--s-color-1);
}
.button.alt {
color: #fff;
background: var(--s-color-1);
}
.button.alt:hover {
background: var(--s-color-2);
}
.button.loading {
opacity: 0.25;
}
.button.loading:after {
font-family: WooCommerce;
content: "\e031";
animation: spin 2s linear infinite;
margin-left: 0.5em;
display: inline-block;
width: auto;
height: auto;
}
.button.added:after {
font-family: WooCommerce;
content: "\e017";
margin-left: 0.5em;
display: inline-block;
width: auto;
height: auto;
}
.button:active {
opacity: 0.6;
}
.button.disabled {
background-color: var(--s-text-2);
}
.submit {
color: var(--s-bg-1);
background: var(--s-color-1);
border: none;
padding: 0.5em 0.8em 0.4em;
cursor: pointer;
font-family: var(--s-heading);
font-weight: var(--s-heading-weight);
text-align: center;
line-height: 1.3;
border-radius: var(--s-rounded-1);
transition: 0.3s;
}
.submit:hover {
background: var(--s-color-2);
}
.col2-set {
display: grid;
gap: var(--s-gap);
margin-bottom: var(--s-space);
}
.woocommerce-notices-wrapper,
.woocommerce-NoticeGroup {
font-family: var(--s-heading);
font-size: 0.875em;
}
.woocommerce-notices-wrapper ul,
.woocommerce-NoticeGroup ul {
background-color: var(--s-bg-2);
margin-bottom: var(--s-space);
padding: 12px;
font-family: var(--s-heading);
border-radius: var(--s-rounded-1);
}
.woocommerce-notices-wrapper li,
.woocommerce-NoticeGroup li {
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 1rem;
}
.woocommerce-notices-wrapper li .button,
.woocommerce-NoticeGroup li .button {
order: 2;
flex-basis: 100%;
}
@media (min-width: 768px) {
.woocommerce-notices-wrapper li,
.woocommerce-NoticeGroup li {
align-items: center;
}
.woocommerce-notices-wrapper li .button,
.woocommerce-NoticeGroup li .button {
flex-basis: auto;
margin-left: auto;
}
}
.woocommerce-error {
border-left: 3px solid #c00;
}
.woocommerce-error li {
list-style: none;
}
.woocommerce-Message,
.woocommerce-message {
border-left: 3px solid var(--s-border-1);
background-color: var(--s-bg-2);
margin-bottom: var(--s-space);
padding: 12px;
font-family: var(--s-heading);
border-radius: var(--s-rounded-1);
display: flex;
flex-wrap: wrap;
gap: 1rem;
}
.woocommerce-Message .button,
.woocommerce-message .button {
order: 2;
flex-basis: 100%;
}
@media (min-width: 768px) {
.woocommerce-Message,
.woocommerce-message {
align-items: center;
}
.woocommerce-Message .button,
.woocommerce-message .button {
flex-basis: auto;
margin-left: auto;
}
}
.woocommerce-form-coupon-toggle,
.woocommerce-form-coupon {
margin-bottom: var(--s-gap);
}
.woocommerce-form-coupon p {
margin-bottom: 8px;
}
.woocommerce-form-coupon .form-row {
float: left;
padding: 0;
}
.woocommerce-form-coupon .input-text {
min-height: 38px;
border-radius: var(--s-rounded-1) 0 0 var(--s-rounded-1);
}
.woocommerce-form-coupon .button {
border-radius: 0 var(--s-rounded-1) var(--s-rounded-1) 0;
min-height: 38px;
}
.woocommerce-store-notice {
position: fixed;
left: 0;
bottom: 0;
right: 0;
margin: 0;
padding: 1em var(--s-space);
background-color: var(--s-color-1);
color: #fff;
z-index: 9999;
display: flex;
align-items: center;
}
.woocommerce-store-notice__dismiss-link {
color: #fff;
display: inline-block;
margin-left: 6px;
border: 2px solid #fff;
padding: 2px 12px;
border-radius: var(--s-rounded-1);
margin-left: auto;
font-family: var(--s-heading);
}
@font-face {
font-family: "WooCommerce";
src: url(//rayongcom.com/wp-content/themes/plant3/assets/fonts/woo.woff2) format("woff2");
font-weight: normal;
font-style: normal;
}
[class^=wcicon-],
[class*=" wcicon-"] {
font-family: "WooCommerce" !important;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
}
.wcicon-storefront:before {
content: "\e900";
}
.wcicon-ccv:before {
content: "\e604";
}
.wcicon-virtual:before {
content: "\e000";
}
.wcicon-up-down:before {
content: "\e022";
}
.wcicon-reports:before {
content: "\e023";
}
.wcicon-refresh:before {
content: "\e031";
}
.wcicon-navigation:before {
content: "\e032";
}
.wcicon-status-fill:before {
content: "\e03c";
}
.wcicon-contract:before {
content: "\e004";
}
.wcicon-downloadable:before {
content: "\e001";
}
.wcicon-plus:before {
content: "\e007";
}
.wcicon-simple:before {
content: "\e006";
}
.wcicon-on-hold:before {
content: "\e033";
}
.wcicon-external:before {
content: "\e034";
}
.wcicon-contract-2:before {
content: "\e036";
}
.wcicon-expand-2:before {
content: "\e035";
}
.wcicon-phone:before {
content: "\e037";
}
.wcicon-user:before {
content: "\e038";
}
.wcicon-status:before {
content: "\e039";
}
.wcicon-status-pending:before {
content: "\e012";
}
.wcicon-status-cancelled:before {
content: "\e013";
}
.wcicon-west:before {
content: "\e02f";
}
.wcicon-south:before {
content: "\e02e";
}
.wcicon-mail:before {
content: "\e02d";
}
.wcicon-inventory:before {
content: "\e02c";
}
.wcicon-attributes:before {
content: "\e02b";
}
.wcicon-north:before {
content: "\e02a";
}
.wcicon-east:before {
content: "\e029";
}
.wcicon-note:before {
content: "\e028";
}
.wcicon-windows:before {
content: "\e027";
}
.wcicon-user2:before {
content: "\e026";
}
.wcicon-search-2:before {
content: "\e025";
}
.wcicon-search:before {
content: "\e024";
}
.wcicon-star-empty:before {
content: "\e021";
}
.wcicon-share:before {
content: "\e030";
}
.wcicon-phone-fill:before {
content: "\e03b";
}
.wcicon-woo:before {
content: "\e03d";
}
.wcicon-user-fill:before {
content: "\e03a";
}
.wcicon-grouped:before {
content: "\e002";
}
.wcicon-status-refunded:before {
content: "\e014";
}
.wcicon-status-completed:before {
content: "\e015";
}
.wcicon-variable:before {
content: "\e003";
}
.wcicon-expand:before {
content: "\e005";
}
.wcicon-status-failed:before {
content: "\e016";
}
.wcicon-check:before {
content: "\e017";
}
.wcicon-right:before {
content: "\e008";
}
.wcicon-up:before {
content: "\e009";
}
.wcicon-query:before {
content: "\e018";
}
.wcicon-down:before {
content: "\e00a";
}
.wcicon-truck-1:before {
content: "\e019";
}
.wcicon-left:before {
content: "\e00b";
}
.wcicon-truck-2:before {
content: "\e01a";
}
.wcicon-image:before {
content: "\e00c";
}
.wcicon-globe:before {
content: "\e01b";
}
.wcicon-link:before {
content: "\e00d";
}
.wcicon-gear:before {
content: "\e01c";
}
.wcicon-calendar:before {
content: "\e00e";
}
.wcicon-cart:before {
content: "\e01d";
}
.wcicon-processing:before {
content: "\e00f";
}
.wcicon-card:before {
content: "\e01e";
}
.wcicon-view:before {
content: "\e010";
}
.wcicon-stats:before {
content: "\e01f";
}
.wcicon-status-processing:before {
content: "\e011";
}
.wcicon-star-full:before {
content: "\e020";
}
.wcicon-coupon:before {
content: "\e600";
}
.wcicon-limit:before {
content: "\e601";
}
.wcicon-restricted:before {
content: "\e602";
}
.wcicon-edit:before {
content: "\e603";
}
.wc-block-grid__products {
margin: 0 calc(var(--s-space) * -1);
}
.wc-block-grid__product {
border: none;
padding: 0 0 1px !important;
}
.wc-block-grid__product-title {
font-family: var(--s-heading);
font-size: 1.4em;
}
.wc-block-grid__product-add-to-cart .wp-block-button__link {
border: none;
font-size: 1rem;
padding: 6px 15px;
background-color: var(--s-color-1);
color: var(--s-bg-1);
font-family: var(--s-heading);
}
.wc-block-grid__product-add-to-cart .wc-forward {
font-size: 1rem;
padding: 6px 15px;
font-family: var(--s-heading);
}
@media (min-width: 1024px) {
.wc-block-grid__products {
margin: 0 0 var(--s-space);
}
}
.site-search .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
background: none;
}
.site-search .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
padding: 8px 24px 8px 48px;
font-family: var(--s-heading);
}
.site-search .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
top: 16px;
}
@media (max-width: 1023px) {
.site-search {
position: absolute;
left: 52px;
top: calc(50% - 13px);
width: 24px;
height: 24px;
}
.site-search::before {
content: "";
width: 2px;
height: 35%;
background-color: var(--s-head-text);
position: absolute;
left: 72%;
top: 72%;
transform: translate(-50%, -50%) rotate(-45deg);
transition: 0.4s;
border-radius: 2px;
}
.site-search::after {
content: "";
position: absolute;
width: 60%;
height: 60%;
border: 0.125em solid var(--s-head-text);
border-radius: 50%;
top: 40%;
left: 40%;
transform: translate(-50%, -50%) rotate(0deg);
transition: width 0.3s;
}
.site-search .dgwt-wcas-search-form {
display: none;
}
.site-search .dgwt-wcas-search-wrapp {
min-width: 24px;
height: 24px;
}
}
.dgwt-wcas-suggestions-wrapp,
.dgwt-wcas-details-wrapp {
font-family: var(--s-heading);
color: #444;
}
.dgwt-wcas-details-main-image img {
max-height: 300px;
}
.premmerce-filter-body .filter__item {
margin: 0;
padding: 15px;
margin-top: -1px;
border: 1px solid var(--s-border-1);
}
.premmerce-filter-body .filter__item:first-of-type {
border-radius: var(--s-rounded-1) var(--s-rounded-1) 0 0;
}
.premmerce-filter-body .filter__item:last-of-type {
border-radius: 0 0 var(--s-rounded-1) var(--s-rounded-1);
}
label.filter__checkgroup-title {
color: var(--s-text-1);
}
span.filter__checkgroup-count {
top: 0;
font-size: 0.875em;
opacity: 0.6;
}
.filter__inner-hierarchy-button {
margin-top: -3px;
}
div.pc-range-slider__control {
background: var(--s-border-2);
border-color: var(--s-border-2);
}
div.pc-range-slider__control .ui-slider-range {
background-color: var(--s-border-1);
}
div.pc-range-slider__control .ui-slider-handle {
background: var(--s-text-1);
border-color: var(--s-text-1);
}
mark {
background: #fff3a7;
padding: 0.1em 0.4em;
border-radius: var(--s-rounded-1);
}
.wp-element-button {
color: var(--s-text-1);
background: var(--s-border-2);
border: none;
padding: 0.5em 0.8em 0.4em;
cursor: pointer;
font-family: var(--s-heading);
font-weight: var(--s-heading-weight);
text-align: center;
line-height: 1.3;
border-radius: var(--s-rounded-1);
transition: 0.3s;
display: inline-block;
}
.wp-element-button:hover {
color: var(--s-bg-1);
background: var(--s-color-1);
}
.wp-element-button.alt {
color: #fff;
background: var(--s-color-1);
}
.wp-element-button.alt:hover {
background: var(--s-color-2);
}
.wp-element-button.loading {
opacity: 0.25;
}
.wp-element-button.loading:after {
font-family: WooCommerce;
content: "\e031";
animation: spin 2s linear infinite;
margin-left: 0.5em;
display: inline-block;
width: auto;
height: auto;
}
.wp-element-button.added:after {
font-family: WooCommerce;
content: "\e017";
margin-left: 0.5em;
display: inline-block;
width: auto;
height: auto;
}
.wp-element-button:active {
opacity: 0.6;
}
.wp-element-button.disabled {
background-color: var(--s-text-2);
}
.product_title {
margin: 0 0 3px;
text-align: left;
}
.price {
font-size: 1.25em;
margin-bottom: 10px;
position: relative;
font-family: var(--s-heading);
color: var(--s-color-1);
}
.price ins {
text-decoration: none;
padding-bottom: 20px;
display: inline-block;
}
.price del {
font-size: 12px;
color: var(--s-text-2);
position: absolute;
bottom: 0;
}
.woocommerce-variation-price .price del {
position: relative;
}
.variations {
font-family: var(--s-heading);
margin-bottom: 12px;
}
.variations th {
vertical-align: middle;
padding-right: 10px;
}
.variations td {
vertical-align: middle;
padding-right: 10px;
}
.variations td.woo-variation-items-wrapper {
padding-top: 0;
}
.variations label {
font-size: 1em;
margin: 0;
}
.variations select {
margin-right: 10px;
padding: 0.1em 0.5em;
min-width: 90px;
}
.wc-item-meta {
padding-left: 0;
margin: 0;
}
.wc-item-meta li {
list-style: none;
}
.wc-item-meta p {
display: inline-block;
margin-bottom: 0;
}
.quantity {
border: 1px solid var(--s-border-1);
display: flex;
width: -moz-max-content;
width: max-content;
height: 32px;
border-radius: var(--s-rounded-1);
}
.quantity .qty {
width: 40px;
padding: 0;
text-align: center;
border-top: none;
border-bottom: none;
border-radius: 0;
}
.quantity .qty:focus {
border-color: var(--s-color-1);
border-radius: 0;
}
.quantity > span {
padding: 0 8px;
color: var(--s-text-2);
cursor: pointer;
display: flex;
align-items: center;
transition: 0.3s;
}
.quantity > span:hover {
background-color: var(--s-bg-2);
color: var(--s-text-1);
}
.quantity > span:active {
opacity: 0.4;
}
.woocommerce-breadcrumb {
display: none;
} @media (max-width: 1023px) {
.shop-widgets {
margin-bottom: var(--s-space);
opacity: 0;
max-height: 0;
overflow: hidden;
transition: 0.6s ease-in-out;
}
.shop-widgets.active {
max-height: 400vh;
overflow: scroll;
opacity: 1;
padding-top: 1px;
}
}
.shop-main {
margin: 0 auto 40px;
}
.shop-content {
position: relative;
}
.shop-widgets-toggle {
position: absolute;
right: 0;
top: 0;
z-index: 20;
}
.shop-widgets-toggle svg {
pointer-events: none;
box-sizing: content-box;
padding: 4px;
border: 1px solid var(--s-border-1);
border-radius: var(--s-rounded-1);
}
.shop-widgets-toggle.active {
color: #fff;
}
.shop-widgets-toggle.active svg {
border-color: var(--s-color-1);
background-color: var(--s-color-1);
} .woocommerce-result-count {
display: none;
}
.woocommerce-ordering {
margin-bottom: 16px;
}
.onsale {
color: var(--s-bg-1);
background-color: var(--s-noti);
position: absolute;
top: 5px;
left: 5px;
padding: 4px 6px 5px;
font-size: 12px;
line-height: 1;
z-index: 1;
border-radius: 3px;
} .products {
display: grid;
padding: 0;
gap: var(--s-gap);
grid-template-columns: repeat(2, minmax(0, 1fr));
font-family: var(--s-heading);
}
.products li {
list-style: none;
text-align: center;
margin-bottom: 20px;
}
.products img {
width: 100%;
border-radius: var(--s-rounded-2);
display: block;
}
.products h2 {
padding: 8px;
color: var(--s-text-1);
}
.products .price {
font-size: 1.1em;
line-height: 1.4;
margin: -6px 8px 20px;
display: block;
}
.products .price ins {
padding-bottom: 25px;
}
.products .price del {
left: 50%;
transform: translateX(-50%);
bottom: 5px;
}
.products .button {
margin: 12px auto;
}
.added_to_cart {
display: inline-flex;
align-items: center;
padding: 4px 10px;
margin-top: 6px;
}
.add_to_cart_button,
.line_chat {
display: inline-block;
min-height: 38px;
padding: 8px 12px 6px;
margin: 12px 0 0;
}
.add_to_cart_button svg,
.line_chat svg {
width: 20px;
height: 20px;
display: inline-block;
vertical-align: -4px;
}
.line_chat.loop {
margin-bottom: 0;
}
.hide_add_to_cart .quantity,
.hide_add_to_cart .single_add_to_cart_button {
display: none !important;
}
.hide_add_to_cart .line_chat.single {
margin-left: 0;
} .woocommerce-pagination {
margin: var(--s-space) 0;
width: 100%;
overflow-x: auto;
font-weight: bold;
}
.woocommerce-pagination ul {
padding-left: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.woocommerce-pagination li {
list-style: none;
}
.woocommerce-pagination span,
.woocommerce-pagination a {
display: flex;
align-items: center;
justify-content: center;
min-width: 36px;
height: 36px;
}
.woocommerce-pagination .current {
background-color: var(--s-bg-2);
border-radius: 36px;
} .product {
position: relative;
}
.product .summary {
padding: var(--s-space) 0;
}
.product > .onsale {
left: -11px;
}
.flex-viewport img {
width: 100%;
border-radius: var(--s-rounded-2);
}
.flex-control-nav {
padding: 5px 5px 0;
margin-bottom: 0;
display: flex;
gap: 5px;
justify-content: center;
width: 100%;
}
.flex-control-nav li {
list-style: none;
overflow: hidden;
}
.flex-control-nav img {
transition: 0.3s;
opacity: 0.5;
border-radius: var(--s-rounded-2);
cursor: pointer;
}
.flex-control-nav img.flex-active {
opacity: 1;
}
.woocommerce-product-gallery {
margin: 0 calc(var(--s-space) * -1);
position: relative;
}
.woocommerce-product-gallery__wrapper {
margin-bottom: 0;
line-height: 0;
}
@media (max-width: 1023px) {
.single_add_to_cart_button {
position: fixed;
bottom: 0;
left: 0;
height: var(--s-woo-foot);
display: flex;
align-items: center;
justify-content: center;
padding-bottom: 10px;
width: 100%;
z-index: 900;
border-radius: var(--s-rounded-2) var(--s-rounded-2) 0 0;
}
}
.woocommerce-product-details__short-description {
font-family: var(--s-heading);
}
.product_meta {
font-size: 0.875em;
padding-top: 12px;
font-family: var(--s-heading);
}
.product_meta > span {
display: block;
}
.wc-tabs-wrapper {
margin: var(--s-space) 0;
width: 100%;
}
.wc-tabs {
display: flex;
flex-wrap: wrap;
padding: 0;
font-family: var(--s-heading);
font-weight: var(--s-heading-weight);
}
.wc-tabs li {
list-style: none;
}
.wc-tabs li a {
display: block;
padding: 0.4em 0.8em;
color: var(--s-text-2);
border-bottom: 2px solid var(--s-border-1);
}
.wc-tabs .active a {
color: var(--s-color-1);
border-color: var(--s-color-1);
}
.woocommerce-product-attributes {
margin-bottom: 0;
min-width: 200px;
font-family: var(--s-heading);
border-top: 1px solid var(--s-border-2);
}
.woocommerce-product-attributes tr {
border-bottom: 1px solid var(--s-border-2);
}
.woocommerce-product-attributes th {
padding: 4px 6px 4px 0;
font-weight: bold;
}
.woocommerce-product-attributes td {
padding: 4px 0 4px 6px;
}
.woocommerce-product-attributes p {
margin-bottom: 0;
}
.upsells.products {
display: block;
}
.upsells.products > h2 {
padding: 14px 0 0;
}
.related.products {
display: block;
}
.related.products > h2 {
padding: 14px 0 0;
}
@media (max-width: 1023px) {
.related.products .products {
display: flex;
align-items: top;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
padding: 1px 0;
margin: var(--s-space) 0 0;
scroll-snap-type: x mandatory;
flex-wrap: nowrap;
}
.related.products .products > li {
flex: 0 0 40vw;
width: 40vw;
min-width: 0;
scroll-snap-align: start;
}
.related.products .products .button {
display: none;
}
.related.products .price {
font-size: 1em;
}
}
.woocommerce-loop-product__title {
font-size: 1em;
white-space: initial;
margin-bottom: 0;
} .cart-empty,
.return-to-shop {
text-align: center;
margin-bottom: 1.6rem;
}
@media (max-width: 1023px) {
.woocommerce-cart .site-main,
.woocommerce-checkout .site-main {
padding-bottom: var(--s-woo-foot);
}
.woocommerce-cart .site-footer,
.woocommerce-checkout .site-footer {
display: none;
}
.checkout-button {
position: fixed;
bottom: 0;
right: 0;
height: var(--s-woo-foot);
display: flex;
align-items: center;
justify-content: center;
padding-bottom: 10px;
width: 50%;
z-index: 900;
border-radius: 0;
}
.order-total {
position: fixed;
bottom: 0;
left: 0;
width: 50%;
height: var(--s-woo-foot);
display: flex;
align-items: center;
justify-content: flex-end;
z-index: 800;
font-size: 1.1em;
color: var(--s-color-1);
background: var(--s-bg-1);
padding-right: 20px;
font-size: 1.125em;
filter: drop-shadow(var(--s-shadow-2));
}
.order-total th {
text-align: right;
padding-right: 6px;
font-size: 0.8em;
}
.order-total strong {
font-weight: var(--s-heading-weight);
}
.order-total .woocommerce-Price-currencySymbol {
font-size: 0.8em;
}
}
.shop_table {
width: 100%;
font-family: var(--s-heading);
margin-bottom: var(--s-space);
}
.shop_table.cart thead tr {
border-bottom: 1px solid var(--s-border-2);
}
@media (max-width: 1023px) {
.shop_table.cart th {
display: none;
}
}
.shop_table .cart_item {
position: relative;
}
.shop_table .actions {
padding: var(--s-gap) 0;
border-top: 1px solid var(--s-border-2);
}
.shop_table .actions > .button {
display: none;
}
.shop_table .order {
border-bottom: 1px solid var(--s-border-2);
}
.shop_table tfoot td {
text-align: right;
}
td.actions .coupon {
display: flex;
width: 100%;
max-width: 360px;
}
td.actions .coupon .input-text {
flex: 1;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
td.actions .coupon .button {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
width: 40%;
}
.cart-collaterals {
margin: 16px 0 var(--s-space);
}
.cart_item .variation {
font-size: 0.875em;
margin-bottom: 0;
}
.cart_item .variation dt,
.cart_item .variation dd {
display: inline-block;
margin-bottom: 0;
}
.cart_item .variation p {
margin: 0;
}
.product-total {
text-align: right;
}
.product-remove {
position: absolute;
top: 6px;
left: -4px;
z-index: 1;
}
.product-remove a {
color: var(--s-text-2);
background-color: var(--s-bg-1);
display: flex;
border-radius: var(--s-rounded-1);
width: 18px;
height: 18px;
align-items: center;
justify-content: center;
font-family: Arial, Helvetica, sans-serif;
border: 1px solid var(--s-border-1);
}
.product-remove a:hover {
background-color: var(--s-noti);
color: #fff;
}
@media (max-width: 1023px) {
.woocommerce-cart-form__contents .cart_item {
border-bottom: 1px solid var(--s-border-2);
display: block;
padding: 10px 0 50px 102px;
min-height: 110px;
width: 100%;
}
.woocommerce-cart-form__contents .cart_item .product-thumbnail {
width: 90px;
position: absolute;
left: 0;
top: 10px;
}
.woocommerce-cart-form__contents .cart_item .product-quantity {
position: absolute;
bottom: 10px;
left: 102px;
}
.woocommerce-cart-form__contents .cart_item .product-name {
display: block;
line-height: var(--heading-line-height);
}
.woocommerce-cart-form__contents .cart_item .product-price {
display: block;
font-size: 0.8em;
opacity: 0.5;
}
.woocommerce-cart-form__contents .cart_item .product-subtotal {
position: absolute;
right: 10px;
bottom: 10px;
}
}
.product-thumbnail img {
border-radius: var(--s-rounded-1);
}
.cart_totals table {
table-layout: fixed;
}
.cart_totals th {
min-width: 80px;
}
.cart_totals td {
padding-left: 6px;
}
.woocommerce-shipping-totals td {
font-size: 0.96em;
}
.woocommerce-shipping-methods {
padding-left: 0;
}
.woocommerce-shipping-methods li {
list-style: none;
}
.woocommerce-shipping-methods li label {
margin-bottom: 0;
}
.woocommerce-shipping-destination {
margin-bottom: 0;
} .woocommerce-checkout {
font-family: var(--s-heading);
}
.woocommerce-checkout .required {
color: var(--s-noti);
text-decoration: none;
}
#customer_details {
padding: var(--s-space);
background-color: var(--s-bg-2);
margin-bottom: 20px;
border-radius: var(--s-rounded-2);
}
.clear {
clear: both;
}
.form-row {
margin-bottom: 1em;
font-family: var(--s-heading);
gap: var(--s-gap);
}
.form-row.notes {
margin-bottom: 0;
}
.form-row em {
font-size: 13px;
}
.form-row-first {
width: 50%;
padding-right: calc(var(--s-gap) / 2);
float: left;
}
.form-row-last {
width: 50%;
float: right;
padding-left: calc(var(--s-gap) / 2);
}
.form-row-wide {
width: 100%;
clear: both;
}
.input-text {
width: 100%;
background-color: var(--s-bg-1);
color: var(--s-text-1);
}
.woocommerce-invalid-required-field input {
border-color: var(--s-noti);
}
.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper {
display: flex;
flex-wrap: wrap;
}
body .select2-container .select2-selection--single {
height: 34px;
border: 1px solid var(--s-border-1);
border-radius: var(--s-rounded-1);
background: var(--s-bg-1);
}
body .select2-container .select2-selection--single .select2-selection__rendered {
line-height: 34px;
color: var(--s-text-1);
}
body .select2-container .select2-selection--single .select2-selection__arrow {
height: 32px;
}
body .select2-container .select2-results__option[data-selected=true] {
background-color: var(--s-bg-2);
}
body .select2-container .select2-results__option--highlighted[data-selected] {
background: var(--s-color-1);
}
body .select2-dropdown {
background: var(--s-bg-1);
}
.woocommerce-privacy-policy-text {
font-size: 0.875em;
}
@media (max-width: 1023px) {
.place-order .button {
position: fixed;
bottom: 0;
left: 50%;
height: var(--s-woo-foot);
display: flex;
align-items: center;
justify-content: center;
padding-bottom: 10px;
width: 50%;
z-index: 900;
border-radius: 0;
font-size: 1.125em;
}
}
#order_review_heading {
margin-bottom: 0;
padding: var(--s-gap) var(--s-gap) 0;
border: 3px solid var(--s-color-1);
border-bottom: none;
border-radius: var(--s-rounded-2) var(--s-rounded-2) 0 0;
}
#order_review {
padding: var(--s-gap);
border: 3px solid var(--s-color-1);
border-top: none;
border-radius: 0 0 var(--s-rounded-2) var(--s-rounded-2);
margin-bottom: 20px;
}
.woocommerce-checkout-review-order-table .woocommerce-shipping-methods {
width: -moz-max-content;
width: max-content;
max-width: 100%;
display: block;
margin-left: auto;
}
.woocommerce-checkout-payment ul {
padding-left: 0;
list-style: none;
}
.woocommerce-checkout-payment .wc_payment_method {
list-style: none;
padding-left: 20px;
position: relative;
}
.woocommerce-checkout-payment .wc_payment_method input[type=radio] {
position: absolute;
left: 0;
top: 6px;
}
.woocommerce-checkout-payment .wc_payment_method > label {
font-size: 1rem;
}
.woocommerce-checkout-payment label {
line-height: 1.625;
cursor: pointer;
}
.woocommerce-checkout-payment .woocommerce-SavedPaymentMethods li {
position: relative;
padding-left: 20px;
}
.woocommerce-checkout-payment .woocommerce-notice {
border: 1px solid var(--s-border-1);
padding: 10px;
}
.woocommerce-checkout-payment fieldset > p {
margin-bottom: 0;
}
.woocommerce-shipping-methods {
padding-left: 0;
margin: 4px 0 0;
}
.woocommerce-shipping-methods li {
list-style: none;
display: flex;
align-items: center;
margin-bottom: 8px;
line-height: 1.4;
}
.woocommerce-shipping-methods .shipping_method {
margin-right: 4px;
}
.woocommerce-checkout-review-order-table .order-total {
font-weight: bold;
}
.woocommerce-checkout.processing .blockUI.blockOverlay {
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" width="60" height="60" style="shape-rendering: auto; display: block; background: transparent;" xmlns:xlink="http://www.w3.org/1999/xlink"><g><circle stroke-linecap="round" fill="none" stroke-dasharray="50.26548245743669 50.26548245743669" stroke="%23666666" stroke-width="8" r="32" cy="50" cx="50"><animateTransform values="0 50 50;360 50 50" keyTimes="0;1" dur="1s" repeatCount="indefinite" type="rotate" attributeName="transform"></animateTransform></circle><g></g></g></svg>') !important;
background-position: center 50% !important;
background-repeat: no-repeat !important;
position: fixed !important;
}
.payment_method_omise label {
display: inline-flex;
gap: 10px;
align-items: center;
}
div.omise-remember-card {
margin: 0;
display: flex;
gap: 6px;
}
div.omise-remember-card label {
margin: 0;
} body.woocommerce-order-received .woocommerce-order {
max-width: 640px;
margin: 0 auto;
}
.woocommerce-thankyou-order-details {
border: 2px solid var(--s-color-1);
border-radius: var(--s-rounded-2);
padding: var(--s-space);
margin-bottom: var(--s-space);
}
.woocommerce-thankyou-order-details li {
list-style: none;
}
.woocommerce-order-downloads,
.woocommerce-order-details {
border: 1px solid var(--s-border-1);
margin-bottom: var(--s-space);
border-radius: var(--s-rounded-2);
}
.woocommerce-order-downloads h2,
.woocommerce-order-details h2 {
padding: var(--s-gap) var(--s-space) 0;
}
.woocommerce-order-downloads .order-again,
.woocommerce-order-details .order-again {
padding: var(--s-gap) var(--s-space) 6px;
border-top: 1px solid var(--s-border-1);
}
.woocommerce-order-downloads .shop_table,
.woocommerce-order-details .shop_table {
margin: 0;
}
.woocommerce-customer-details {
border: 1px solid var(--s-border-1);
margin-bottom: var(--s-space);
border-radius: var(--s-rounded-2);
padding: var(--s-gap) var(--s-space) 10px;
}
.woocommerce-customer-details .col2-set {
margin-bottom: 0;
}
table.order_details th,
table.order_details td {
padding: 0 var(--s-space) 0.5em;
}
table.order_details thead th {
background-color: var(--s-bg-2);
padding-top: 0.5em;
}
table.order_details tbody tr:first-child th,
table.order_details tbody tr:first-child td {
padding-top: 0.5em;
}
table.order_details tfoot tr:first-child th,
table.order_details tfoot tr:first-child td {
border-top: 1px dashed var(--s-border-1);
padding-top: 0.5em;
}
table.order_details tfoot tr:last-child {
border-top: 1px solid var(--s-border-1);
}
table.order_details tfoot tr:last-child th,
table.order_details tfoot tr:last-child td {
padding: 0.6em var(--s-space);
}
address {
font-style: normal;
} .woocommerce-Tabs-panel--reviews {
margin-top: var(--s-space);
}
.stars {
margin: 1rem 0;
}
.stars a {
position: relative;
height: 24px;
width: 24px;
text-indent: -999em;
display: inline-block;
text-decoration: none;
color: var(--s-color-1);
}
.stars a::before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 24px;
height: 24px;
line-height: 1;
font-family: WooCommerce;
content: "\e021";
text-indent: 0;
font-size: 22px;
}
.stars a:hover ~ a::before {
content: "\e021";
}
.stars:hover a::before {
content: "\e020";
}
.stars.selected a.active::before {
content: "\e020";
}
.stars.selected a.active ~ a::before {
content: "\e021";
}
.stars.selected a:not(.active)::before {
content: "\e020";
}
.commentlist {
padding-left: 0;
}
.commentlist li {
list-style: none;
display: block;
padding: 16px 0;
}
.commentlist li.bypostauthor {
padding: 16px;
}
@media (min-width: 768px) {
.commentlist .star-rating {
float: right;
}
}
.comment_container .avatar {
width: 48px;
height: 48px;
border-radius: 24px;
}
@media (min-width: 768px) {
.comment_container {
display: flex;
gap: 20px;
}
}
.comment-text {
display: grid;
}
.comment-text .meta {
order: 0;
margin: 8px 0;
}
.comment-text .star-rating {
order: 1;
}
.comment-text .description {
order: 2;
}
.star-rating {
overflow: hidden;
position: relative;
display: inline-block;
margin-bottom: 8px;
height: 16px;
width: 80px;
color: rgba(255, 255, 255, 0);
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
background-size: 16px auto;
}
.star-rating > span {
white-space: nowrap;
overflow: hidden;
display: block;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
background-size: 16px auto;
}
.summary .star-rating {
margin-bottom: 0;
}
.comment-reply-title {
font-family: var(--s-heading);
font-size: 1.2em;
margin-bottom: 1rem;
}
.s-myaccount {
text-align: center;
margin-bottom: var(--s-space);
}
.s-myaccount img {
min-width: 80px;
width: 80px;
height: 80px;
border-radius: 200px;
-o-object-fit: cover;
object-fit: cover;
}
.s-myaccount .name {
font-size: 1.25em;
margin: 0;
}
.s-myaccount .email {
font-size: 0.9375em;
font-weight: normal;
color: var(--s-text-2);
margin: 1px 0 0;
}
.s-logout {
margin-top: 20px;
text-align: center;
}
.shop-announcement {
margin: 0 auto var(--s-space);
padding: 16px;
border: 2px solid var(--s-color-1);
border-radius: var(--s-rounded-2);
max-width: 710px;
}
.shop-announcement p {
margin: 0;
}
#customer_login > div {
margin-bottom: var(--s-space);
}
.woocommerce-LostPassword {
margin-bottom: 0;
}
.woocommerce-MyAccount-navigation {
margin: 0 calc(var(--s-space) * -1) var(--s-space);
padding: 0 var(--s-space) 10px;
overflow: auto;
}
.woocommerce-MyAccount-navigation ul {
padding: 4px;
margin: 0 auto;
display: flex;
white-space: nowrap;
width: -moz-max-content;
width: max-content;
min-width: 100%;
background-color: var(--s-bg-2);
border-radius: var(--s-rounded-2);
}
.woocommerce-MyAccount-navigation ul li {
list-style: none;
flex-grow: 1;
}
.woocommerce-MyAccount-navigation a {
color: var(--s-text-1);
font-size: 0.9375em;
padding: 0.5em;
white-space: nowrap;
display: block;
font-weight: normal;
text-align: center;
}
.woocommerce-MyAccount-navigation .is-active a {
color: var(--s-color-1);
font-weight: bold;
padding-left: 0.75em;
padding-right: 0.75em;
background-color: var(--s-bg-1);
border-radius: var(--s-rounded-1);
}
@media (min-width: 768px) {
.woocommerce-MyAccount-navigation {
text-align: center;
margin: 0 auto var(--s-space);
max-width: 750px;
}
}
.woocommerce-MyAccount-content {
font-family: var(--s-heading);
position: relative;
max-width: 710px;
margin: 0 auto;
}
.woocommerce-MyAccount-content h2 {
font-size: 1.5em;
}
.woocommerce-MyAccount-content fieldset {
width: 100%;
border: 1px solid var(--s-border-1);
padding: var(--s-gap);
}
.woocommerce-MyAccount-content legend {
font-size: 1em;
}
.woocommerce-MyAccount-content strong {
font-weight: var(--s-heading-weight);
}
.woocommerce-orders-table__cell-order-number a {
border: 1px solid;
padding: 0.25em 0.5em;
display: inline-block;
line-height: 1.3;
border-radius: var(--s-rounded-1);
font-size: 0.9375em;
}
.woocommerce-Address-title {
display: flex;
gap: var(--s-gap);
align-items: center;
}
.woocommerce-Address-title .edit {
border: 1px solid var(--s-text-2);
color: var(--s-text-2);
padding: 0.3em 0.5em;
font-size: 0.8em;
line-height: 1;
margin-bottom: 1rem;
border-radius: var(--s-rounded-1);
}
.woocommerce-Address-title .edit:hover {
background: var(--s-color-1);
color: #fff;
border-color: var(--s-color-1);
}
.user-info h2 {
margin-bottom: 4px;
}
.woocommerce-MyAccount-navigation-link--customer-logout {
display: none;
} .woocommerce-orders-table__cell-order-actions .button {
padding: 0.25em 0.8em;
margin: 0 0 6px 6px;
white-space: nowrap;
}
@media (max-width: 1023px) {
.woocommerce-orders-table__header {
display: none;
}
.woocommerce-orders-table__row {
display: block;
position: relative;
padding: 12px 130px 12px 0;
border-bottom: 1px solid var(--s-bg-1);
width: 100%;
}
.woocommerce-orders-table__row:last-child {
border-bottom: none;
}
.woocommerce-orders-table__row td {
display: block;
font-size: 0.875em;
width: 110px;
white-space: nowrap;
}
.woocommerce-orders-table__cell-order-actions {
position: absolute;
right: 0;
top: 12px;
}
.woocommerce-orders-table__cell-order-actions a {
display: block;
margin-bottom: 10px;
}
}
.site-cart {
height: 24px;
position: relative;
}
.cart-count {
position: absolute;
font-size: 10px;
padding: 2px 4px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
line-height: 10px;
text-align: center;
border-radius: 50px;
background-color: var(--s-noti);
min-width: 14px;
min-height: 14px;
top: -2px;
right: -4px;
color: #fff;
}
.plant-add-to-line {
padding: 8px 20px;
color: #fff;
background: #0db51e;
border-radius: 5px;
font-weight: bold;
}
.plant-add-to-line svg {
vertical-align: middle;
margin-right: 10px;
fill: #fff;
}
.woocommerce form .password-input,
.woocommerce-page form .password-input {
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
}
.woocommerce form .show-password-input,
.woocommerce-page form .show-password-input {
background-color: transparent;
border-radius: 0;
border: 0;
color: var(--wc-form-color-text, #000);
cursor: pointer;
font-size: inherit;
line-height: inherit;
margin: 0;
padding: 0;
position: absolute;
right: 0.7em;
text-decoration: none;
top: 50%;
transform: translateY(-50%);
-moz-osx-font-smoothing: inherit;
-webkit-appearance: none;
-webkit-font-smoothing: inherit;
}
.woocommerce form .show-password-input::before,
.woocommerce-page form .show-password-input::before {
background-repeat: no-repeat;
background-size: cover;
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M17.3%203.3C16.9%202.9%2016.2%202.9%2015.7%203.3L13.3%205.7C12.2437%205.3079%2011.1267%205.1048%2010%205.1C6.2%205.2%202.8%207.2%201%2010.5C1.2%2010.9%201.5%2011.3%201.8%2011.7C2.6%2012.8%203.6%2013.7%204.7%2014.4L3%2016.1C2.6%2016.5%202.5%2017.2%203%2017.7C3.4%2018.1%204.1%2018.2%204.6%2017.7L17.3%204.9C17.7%204.4%2017.7%203.7%2017.3%203.3ZM6.7%2012.3L5.4%2013.6C4.2%2012.9%203.1%2011.9%202.3%2010.7C3.5%209%205.1%207.8%207%207.2C5.7%208.6%205.6%2010.8%206.7%2012.3ZM10.1%209C9.6%208.5%209.7%207.7%2010.2%207.2C10.7%206.8%2011.4%206.8%2011.9%207.2L10.1%209ZM18.3%209.5C17.8%208.8%2017.2%208.1%2016.5%207.6L15.5%208.6C16.3%209.2%2017%209.9%2017.6%2010.8C15.9%2013.4%2013%2015%209.9%2015H9.1L8.1%2016C8.8%2015.9%209.4%2016%2010%2016C13.3%2016%2016.4%2014.4%2018.3%2011.7C18.6%2011.3%2018.8%2010.9%2019.1%2010.5C18.8%2010.2%2018.6%209.8%2018.3%209.5ZM14%2010L10%2014C12.2%2014%2014%2012.2%2014%2010Z%22%20fill%3D%22%23111111%22/%3E%3C/svg%3E");
content: "";
display: block;
height: 22px;
width: 22px;
}
.woocommerce form .show-password-input.display-password::before,
.woocommerce-page form .show-password-input.display-password::before {
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M18.3%209.49999C15%204.89999%208.50002%203.79999%203.90002%207.19999C2.70002%208.09999%201.70002%209.29999%200.900024%2010.6C1.10002%2011%201.40002%2011.4%201.70002%2011.8C5.00002%2016.4%2011.3%2017.4%2015.9%2014.2C16.8%2013.5%2017.6%2012.8%2018.3%2011.8C18.6%2011.4%2018.8%2011%2019.1%2010.6C18.8%2010.2%2018.6%209.79999%2018.3%209.49999ZM10.1%207.19999C10.6%206.69999%2011.4%206.69999%2011.9%207.19999C12.4%207.69999%2012.4%208.49999%2011.9%208.99999C11.4%209.49999%2010.6%209.49999%2010.1%208.99999C9.60003%208.49999%209.60003%207.69999%2010.1%207.19999ZM10%2014.9C6.90002%2014.9%204.00002%2013.3%202.30002%2010.7C3.50002%208.99999%205.10002%207.79999%207.00002%207.19999C6.30002%207.99999%206.00002%208.89999%206.00002%209.89999C6.00002%2012.1%207.70002%2014%2010%2014C12.2%2014%2014.1%2012.3%2014.1%209.99999V9.89999C14.1%208.89999%2013.7%207.89999%2013%207.19999C14.9%207.79999%2016.5%208.99999%2017.7%2010.7C16%2013.3%2013.1%2014.9%2010%2014.9Z%22%20fill%3D%22%23111111%22/%3E%3C/svg%3E");
}