:root {
  /* Color theme */
   --primary-color: #b69a81;
   --secondary-color: #898989;
   --header-background: #282828;
   --orderbox-bg:#fff;
   --footer-background: #000;
   --footer-font-color: #fff;
   --discount-font-color: #fd8800;
   --active-campaign-code-font-color: #3a8e15;
   --checkmark-bg:#1aa818;
   --checkmark-font-color:#fff;
   --option-default-bg:transparent;
   --option-selected-bg:#f7f7f7;
   --orange-link: #fd8800;
   --decrease-icon-bg:#000;
   --decrease-icon-color:#fff;
   --increase-icon-bg:#000;
   --increase-icon-color:#fff;
   --delete-icon-bg:#fff;
   --delete-icon-color:#000;
   --edit-icon-bg:green;
   --edit-icon-color:#fff;

  /* Fonts, general */
   --google-font: 'Roboto', sans-serif;
   --google-heading-font:  'Oswald', sans-serif;
   --base-text-color: #2a2a2a;
   --base-line-height: 160%;
   --base-font-size: min(max(1rem, 1vw), 18px);
   --icon-font-size:12px;
   --icon-font-weight:700;
   --small-font: 16px;
   --cursive-font:italic;
   --light-font:300;

  /* Images */
  --product-image-width:5vw;
  --product-responsive-image-width:90%;

  /* Buttons */
  --button-default-font-size: 18px;
  --button-default-font-weight: 700;
  --button-default-font-color:#fff;
  --button-default-padding: 15px 40px;
  --button-s-font-size: 16px;
  --button-s-font-weight: 700;
  --button-s-padding: 8px 10px;
  --button-m-font-size: 18px;
  --button-m-font-weight: 700;
  --button-m-padding: 10px 40px;
  --default-button-bg:#000;
  --active-button-bg: #3a8e15;
  --inactive-button-bg: #dedede;
  --orange-button-bg:#fd8800;
  --black-button-bg:#000;

  /* Heading sizes */
   --heading-size-1: min(max(2.4rem, 2.4vw), 2.6rem);
   --heading-size-2: min(max(1.4rem, 1.4vw), 1.6rem);
   --heading-size-3: min(max(1.5rem, 1.5vw), 1.625rem);
   --heading-size-4: min(max(1.1rem, 1.25vw), 1.375rem);
   --heading-size-5: min(max(1.1rem, 1.15vw), 1.25rem);
   --heading-size-6: min(max(1.0rem, 1.1vw), 1.1rem);

  /* Paddings, margin, gaps */
   --padding-s: min(max(20px, 1vw), 20px);
   --padding-m: min(max(30px, 2vw), 40px);
   --padding-xl: min(max(40px, 3vw), 60px);
   --padding-xxl: min(max(60px, 4vw), 80px);
   --grid-gap: 2em 1em;

  /* Datarow tablegrids, general tables */
  --product-datarow-grid: repeat(auto-fill,minmax(200px,1fr));
  --product-datarow-grid-s: repeat(auto-fill,minmax(100px,1fr));
  --total-sum-datarow-grid: repeat(auto-fill,minmax(200px,1fr));
  --footer-table-grid: repeat(auto-fill,minmax(200px,1fr));

  /* Data, font size */
  --price-big:min(max(1.1rem, 1.15vw), 1.25rem);


  /* Other */
  --borders:1px solid #b6b6b6;
  --animate:all .2s ease 0s;
 }


/*--- GLOBAL --- */
body, html, p, div {margin: 0;padding: 0;font-family: var(--google-font);color: var(--base-text-color);font-size: var(--base-font-size);line-height: var(--base-line-height)}b{font-family:var(--google-heading-font);font-weight:700;}td,summary,details,li,div,section,article {var(--google-font);color: var(--base-text-color);font-size: var(--base-font-size);line-height: var(--base-line-height)}}img {max-width: 100%;height: auto;display: block;}body{background:#fff}a {color: var(--primary-color);text-decoration: none}a:hover {text-decoration: underline}h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {font-family: var(--google-heading-font);margin: 0;padding: 0;line-height: 110%;color: #000; font-weight:700;}h1, h1 a {font-size: var(--heading-size-1);color:#000; text-transform:uppercase;font-weight:800}h2, h2 a {font-size: var(--heading-size-2);}h3, h3 a {font-size: var(--heading-size-3);}h4, h4 a {font-size: var(--heading-size-4);}h5, h5 a {font-size: var(--heading-size-5);}h6, h6 a {font-size: var(--heading-size-6);}picture {width: 100%}section, article, .center-col, .content-col{box-sizing:border-box;}table, td, tr {border-collapse: unset !important}ul,li {list-style-type:none; margin:0; padding:0;}#sc-phase-select{display: grid;grid-template-columns: auto 1fr;grid-gap: 2em;}@media screen and (max-width:1024px) {table, td, tr {height: auto !important;max-width: 100%}}@media screen and (max-width:480px) {body {line-height: calc(1rem + 1.2vw)}}@media screen and (max-width:375px) {h1, h2, h3, h4, h5, h6 {word-wrap: anywhere}}
#sc-top-wrapper .orderpage-header {color:#fff;}

/* Wrappers */
.content-col, .center-col {width: 100%;clear: both;position: relative;}.center-col {width: min(max(60vw, 1200px), 100%);max-width:1200px;margin: 0 auto}.narrow-col{max-width:1200px;}.erikoiskuva, .kuva, .kuva2 {box-sizing:border-box;border: 0;outline: 0;height: auto;margin: 0;cursor: pointer; max-width:100%;}@media screen and (max-width:1280px) {.center-col {width:calc(100% - 2em)}.center-col .center-col {margin:0 auto; width:100%}}

/* Grids */
.autogrid,.dgrid-2-cols, .dgrid-3-cols, .dgrid-4-cols, .dgrid-s-m-s-cols, .dgrid-s-xl-cols, .dgrid-xl-s-cols, .dgrid-m-l-cols, .dgrid-l-m-cols {display: grid;grid-gap: var(--grid-gap);clear: both;position: relative;} .dgrid-s-m-s-cols {grid-template-columns: 1fr 2fr 1fr}.dgrid-s-xl-cols {grid-template-columns: 1fr 3fr} .dgrid-xl-s-cols {grid-template-columns: 3fr 1fr}.dgrid-m-l-cols {grid-template-columns: 1fr 2fr}.dgrid-l-m-cols {grid-template-columns: 2fr 1fr}.autogrid, .dgrid-3-cols{grid-template-columns:repeat(auto-fit, minmax(350px,1fr))}.dgrid-2-cols {grid-template-columns:repeat(2,1fr)}.nogap {grid-gap: 2em 0;}.dgrid-4-cols{grid-template-columns:repeat(2,1fr);}.datarow {display:grid; grid-template-columns:var(--product-datarow-grid); grid-gap:1em}@media screen and (max-width:1024px) {.dgrid-m-l-cols, .dgrid-l-m-cols, .dgrid-s-m-s-cols, .dgrid-s-xl-cols, .dgrid-xl-s-cols {grid-template-columns: 1fr}}@media screen and (max-width:860px) {.dgrid-2-cols, .dgrid-4-cols{grid-template-columns:1fr;grid-gap: 1em;}} @media screen and (max-width:480px) {.autogrid, .dgrid-2-cols, .dgrid-3-cols {grid-template-columns:repeat(auto-fit, minmax(220px,1fr))}}

/* Flex */
.dflex {display: flex;flex-wrap: wrap;flex-direction: column;}
.dflex-row {display: flex;flex-wrap: wrap;flex-direction: row;}
.center-elements {align-items: center;justify-content: center}

/* Paddings */
.cpadding-s{padding:var(--padding-s)}.cpadding-m{padding:var(--padding-m)}.cpadding-xl{padding:var(--padding-xl)}.cpadding-xxl{padding:var(--padding-xxl)}.cpadding-tb-s{padding:var(--padding-s) 0}.cpadding-tb-m{padding:var(--padding-m) 0}.cpadding-tb-xl{padding:var(--padding-xl) 0}.cpadding-tb-xxl{padding:var(--padding-xxl) 0}.cpadding-t-s{padding-top:var(--padding-s)}.cpadding-t-m{padding-top:var(--padding-m)}.cpadding-t-xl{padding-top:var(--padding-xl)}.cpadding-t-xxl{padding-top:var(--padding-xxl)}.cpadding-b-s{padding-bottom:var(--padding-s)}.cpadding-b-m{padding-bottom:var(--padding-m)}.cpadding-b-xl{padding-bottom:var(--padding-xl)}.cpadding-b-xxl{padding-bottom:var(--padding-xxl)}.cpadding-rl-s{padding:0 var(--padding-s)}.cpadding-rl-m{padding:0 var(--padding-m)}.cpadding-rl-xl{padding:0 var(--padding-xl)}.cpadding-rl-xxl{padding:0 var(--padding-xxl)}

/*--- GENERAL ---*/
.orderbox{background:var(--orderbox-bg); padding:var(--padding-xl);  border-radius:8px;/*border:1px solid #e2e2e2*/}
.centered {text-align:center;}
.borders{border:var(--borders)}

/* Fonts */
.light{font-weight:var(--light-font);}
.cursive{font-style:var(--cursive-font);}
.font-s {font-size:var(--small-font);}
.discount-text {color:var(--discount-font-color)}
.green-text {color:var(--active-campaign-code-font-color)}
.orange-text {color:var(--orange-link)}

/* Buttons */
.button {display:block;font-size:var(--button-default-font-size);color:var(--button-default-font-color);font-weight:var(--button-default-font-weight);background:var(--default-button-bg);padding:var(--button-default-padding);border-radius:4px;text-align: center;}
.button.active {background:var(--active-button-bg);}
.button.inactive {background:var(--inactive-button-bg);}
.button.orange {background:var(--orange-button-bg;)}
.button.black {background:var(--black-button-bg);}
.button-s {font-size:var(--button-s-font-size);font-weight:var(--button-s-font-weight);padding:var(--button-s-padding);}
.button-m {font-size:var(--button-m-font-size);font-weight:var(--button-m-font-weight);padding:var(--button-m-padding);border-radius:6px}
.next-phase .button {text-align:center;}
#bt-shop{margin-right: 10px;background: #fff;color: #2a2a2a;border: 1px solid #b0b0b0;margin-right: 10px;}

/* Icons */
.icon{border-radius:50px; display:flex; justify-content:center; align-items:center; line-height:100%;background:#fff;  width:20px; height:20px; font-weight:var(--icon-font-size);font-weight:var(--icon-font-weight)}
.icon.increase{background:var(--increase-icon-bg);color:var(--increase-icon-color);}
.icon.decrease{background:var(--decrease-icon-bg);color:var(--decrease-icon-color);}
.icon.delete{background:var(--delete-icon-bg);color:var(--delete-icon-color);}
.icon.edit{background:var(--edit-icon-bg);color:var(--edit-icon-color);}
.remove {background: #000;color: #fff !important;border-radius: 50px;width: auto;height: auto;display: inline-flex;justify-content: center;align-items: center;line-height: 100%;font-size: 12px;font-weight: 700;padding: 6px 16px !important;line-height: 100%;margin-left: 10px;}

/* Input fields */
input[type="button"] {background: var(--active-button-bg);color: #fff;border: 0;padding:var(--button-s-padding);border-radius: 4px;font-weight: 700;font-size: var(--button-s-font-size);}
input[type="button"]:hover {cursor:pointer}

/* Selection box (eg. payment options, delivery options) */
.optionbox{background:var(--option-default-bg);}
.optionbox.selected{background:var(--option-selected-bg);}

/*--- HEADER ---*/
#sc-top-wrapper{background:var(--header-background);}
#sc-top-header{grid-gap:1em 0}
#sc-top-wrapper img {margin:0 auto;}
#sc-backlink {text-align:center; }
#sc-logo img {margin: 0 auto;display: block;}
.jatkaostoksia{color:#fff}

@media screen and (max-width:1024px) {#sc-top-header {padding: 10px;grid-gap: 0;grid-template-columns: 1fr 2fr 1fr;}}
@media screen and (max-width:620px) {.checkout-wrapper {height: 40px;visibility: hidden;}}
@media screen and (max-width:575px) {.jatkaostoksia{font-size:16px}#sc-top-wrapper img {max-width: 180px;}}

/*--- PAGE(1) - ORDER SUMMARY ---*/
.product-row-wrapper:nth-of-type(n){border-bottom: var(--borders)}
#order-summary-headers{display: grid;grid-template-columns: 1fr auto 180px;}
#order-summary-headers p {font-family: 'Oswald', sans-serif;text-transform: uppercase;font-size: 16px;line-height: 100%;}
#orderpage-header-wrapper {padding-bottom:0}
#order-summary-free-text > div:empty{display:none;}
#order-summary-free-text > div {padding:0 0 2em 0; text-align: center}
#order-summary-rows {padding:0; max-width:1000px; margin:0 auto;}
#ostoskorinsisalto {margin-top:10px;border-top: 1px solid #b6b6b6;}

/* Product datarow */
.product-row-wrapper{display:grid; grid-template-columns:auto 1fr 120px; grid-gap:0 1em; justify-content: center;padding:1em 0; position:relative;align-items:center;}
.product-row-price-wrapper {text-align: right;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-end;}
.product-row-image {min-height: 100px;display: flex;justify-content: center;align-items: center;}
.price-row.discountpct {font-size: 10px;background: #fd8800;padding: 1px 10px;color: #fff;font-weight: 700;border-radius: 3px;max-width:max-content;display: inline-block;margin-bottom:5px}
.price-row, .price h3 {color:var(--base-text-color); text-align:right; font-size: 1.2rem;}
.price{font-size:var(--price-big);}
.price.discountprice h3{color:#fd8800;}
.orginalprice {font-style:italic; font-size:12px;}
.product-row-image img{max-width:var(--product-image-width);max-width:65px;height:auto;margin: 0 auto;padding: 0 30px;}
.feature-row,.poptions p {font-size:12px;}
.feature-row.pprice input {margin:0;height: 30px;padding:0;font-size: 14px !important;width: 35px !important;border: none;text-align: center;}
.discountprice-badge{font-size: 10px;background: #fd8800;padding: 1px 10px;color: #fff;font-weight: 700;border-radius: 3px;margin-left: 10px;}
.row-note {line-height:120%; font-style: italic;font-size:14px;grid-column: 2;margin-top:1em}
.poptions{display:flex;flex-wrap: wrap;}
.poptions p {margin-right:20px;color: #a0a0a0;}
.pprice {font-size:14px;display: flex;align-items: center; /*background: #eee;*/ border-radius: 50px;justify-content: center;max-width: max-content;border: 1px solid #949494;padding:5px;}
.pcode {color: #c2c2c2;font-style: italic; padding-top:10px;}
.product-row-header {display: grid;grid-template-columns: 6fr 1fr 35px;align-items: flex-start;}
.product-row-header h2 {padding-bottom: 5px;font-size:min(max(0.8rem, 1.1vw), 1.1rem);}
.productrow-item-functions a {color: #b4987e;font-size: 14px;}
.function-icon img {max-width: 16px;height: auto; margin-left: 10px;padding-top:4px}

/* Order total */
#order-total-wrapper.dgrid-2-cols{grid-template-columns:300px 1fr; background: #fafafa;padding: 2em;margin: 1em 0;border-radius: 8px;}
#order-total-wrapper h3 {color:var(--base-text-color); font-size:min(max(1.4rem, 1.5vw), 1.625rem);}
#order-total-wrapper {text-align:right;}
#delivery-estimate-wrapper{text-align:left;}
#order-delivery-time-cost{text-align:left;}
#delivery-extrafields{margin-bottom:2em;}
#delivery-extrafields p {padding-bottom:10px}
#extra-submit input {border: none; font-size:14px}
#codes-wrapper .remove {margin-right:5px;}
#codes-wrapper .code {display: flex;align-items: center;}
#codes-wrapper .code span {color:#000; font-weight:700; padding-left:10px;}
#codes-wrapper p {text-align:left;}
#codes-wrapper a {color:#000}
#codes-wrappers input {height: 25px;}
#codes-wrapper summary {text-align: left;list-style: none;font-size: 14px; font-weight:700;border-radius: 8px;margin-bottom: 10px;padding: 5px 20px;max-width: max-content;background: #fff;color: #000;border: 1px solid #b0b0b0;}
#codes-wrapper input[type="text"] {margin: 5px 2px 10px 0;}
#codes-wrapper input[type="button"] {border-radius:0; height:auto;background:#000; border-radius:4px; color:#fff; margin-bottom:1em;}
#codes-wrapper .font-s {display: flex;align-items: center; margin-bottom:10px}
.total-small {font-weight: 700;}
.total-small span {padding-right:10px;}
.total-alekoodi span{margin-top: 10px; color:var(--active-campaign-code-font-color);}

#total-col h2{padding-bottom: 1em;}
#order-total-wrapper .total-small {font-weight: 400;}
#order-total-wrapper .total-small span {font-weight:700}
#order-total-wrapper .total-small span.alekoodi-text {  margin-top: 0;padding: 0;color: #acacac;font-weight: 400;font-style: italic;display: block;line-height: 100%;}
#first-phase-buttons {display: grid;grid-template-columns: auto 1fr;}
#first-phase-buttons .next-phase .button {max-width: max-content;float: right; text-transform:uppercase}

@media screen and (max-width:720px) {.product-row-wrapper {grid-template-columns: auto 2fr 1fr;}.feature-row, .poptions p {font-size: 12px;padding-bottom: 2px;}.feature-row.pprice{font-size:12px}.pprice {justify-content: flex-start;}.font-s{font-size:14px}.row-note {grid-column: 2 / -1;margin-top:2em}#order-summary-headers {;grid-template-columns: 1fr auto 34vw;}}
@media screen and (max-width:575px) {#order-summary-rows .product-row-wrapper {grid-template-columns: 1fr;border-radius: 8px;border: 1px solid #dedede;padding:2em; margin-top:1em; overflow:hidden}#order-summary-rows .product-row-price-wrapper {grid-column: 1 / -1;display: grid;grid-template-columns: 170px auto;align-items: center;}.price-row, .price h3, #order-total-wrapper div:last-of-type,#order-delivery-time-cost{text-align:center;align-items:center;justify-content:center}.price h3,.price-row {text-align:left;}.price-row.discountpct, .row-note{grid-column: 1 / -1;}#order-total-wrapper.dgrid-2-cols {grid-template-columns: 1fr;grid-gap: 0.3em 0;} #total-col {padding-top:1em}#total-col p {display: flex;flex-direction: column;}#delivery-estimate-wrapper{order:2}.productrow-item-functions{padding-bottom:1em;justify-content: flex-start;margin-top: 1em;padding-bottom: 0;}#order-summary-rows .feature-row.pprice {margin-bottom: 10px;position: absolute;right: calc(1em + 35px);bottom: 1.5em;} .extrafield{grid-template-columns:1fr}#extra-submit input { max-width: unset !important;}.product-row-header h2 {font-size: 1.2rem;}#order-summary-rows .product-row-header{grid-template-columns:1fr;order:1}#order-summary-rows .product-row-image {order:2}#order-summary-rows .product-row-price-wrapper {order:3;grid-template-columns: 1fr;}#order-summary-rows .price-row.discountpct {position: absolute;top: 16px;font-weight:700;right: -84px;transform: rotate(45deg);font-size:11px; padding: 6px 60px;}.product-row-discount .product-row-header {padding-top: 10px;}.productrow-item-functions {display: grid; grid-gap: 5px;grid-template-columns: 1fr;margin-top: 10px;}.productrow-item-functions a{display: block;line-height: 100%;}.product-row-image img{max-width:var(--product-responsive-image-width); padding:0;width: 70%;margin: 0 auto;display: block;aspect-ratio: 1/1;object-fit: contain;padding: 1em 0;}.function-icon {position: absolute;right: 1em;bottom: 33px;}#order-summary-headers {display: none;}#ostoskorinsisalto {margin-top: 0;border-top: none;}.product-row-header h2 {font-size: 1.6rem;}#first-phase-buttons {grid-template-columns: 1fr;}#bt-shop {border: none;order: 2;font-weight: 400;color: #c9c9c9;font-size: 1rem;padding-top: 1em}#first-phase-buttons .next-phase .button {max-width: 100%;float: none;padding: var(--button-m-padding);}#codes-wrapper summary {max-width: 100%;box-sizing: border-box;text-align: center;}#delivery-estimate-costs{display:flex;flex-wrap:wrap;}#delivery-estimate-costs p{padding-right:20px; white-space:nowrap}#total-col h2 {font-size: 2rem}#total-col .font-s {font-size:1.1rem}#order-total-wrapper h3{font-size:2rem}#order-delivery-time-cost{display:none;}#order-totals-additional-info{order:2}}
@media screen and (max-width:375px) {.product-row-price-wrapper {grid-template-columns: 1fr;}}


/* Temp */
.remove-product,.add-product {border-radius: 50px; font-size: 14px;width: 14px;height: 14px;display: inline-flex;justify-content: center; align-items: center;line-height:100%;background: #fff;color:#2a2a2a;margin:0 5px;}
.pcolor, .psize {font-weight:700;padding-right:2px;}

/*--- PAGE(2) - Delivery & payments ---*/
.altpage.dgrid-2-cols {grid-template-columns: 3fr 2fr;grid-gap: 0 1em;padding-top: 2em;}
.altpage.dgrid-2-cols.customerinfo {grid-template-columns: 4fr 2fr;}

#verkkokauppa-tilauslomake section:has(#dp-wrapper) {display:grid;}
.orderform-linecol {border-right: 1px solid #dedede;}
/* #asiakastiedot_lomake table::before {content: "TILAAJAN TIEDOT";font-weight: 800;font-family: var(--google-heading-font);font-size:min(max(1.6rem, 1.8vw), 2rem);} */
/* #asiakastiedot_lomake tbody::before {content: "Anna tietosi ja tilaa ilman rekisteröitymistä";grid-column: 1/-1;margin-bottom: 0.5em;} */

/* Customer info form */
#customer-form.orderbox{padding:var(--padding-m);padding-top: 0;padding-bottom: 0;}
#asiakastiedot_otsikko h2 {text-transform:uppercase;font-size:min(max(1.6rem, 1.8vw), 2rem);}
/* #asiakastiedot_otsikko h2::after {content: "Anna tiedot ja tilaa ilman rekisteröitymistä";display: block;font-size: 16px;text-transform: none;font-weight: 400;line-height: 120%;} */
#asiakastiedot_otsikko{grid-column: 1 / -1;}
#customer-form > h2 {font-size:var( --heading-size-1); font-weight:800}
#asiakastiedot_lomake {max-width:100%;margin:0 auto;padding:0;margin-top: 2em;}
#asiakastiedot_lomake tbody {display: grid;grid-template-columns: 1fr 1fr;grid-gap:10px}
#asiakastiedot_lomake tr{display: grid; grid-template-columns:1fr; grid-gap:0em;max-width: 100%;margin: 0 auto;width: 100%;position: relative;}
#asiakastiedot_lomake tr:first-of-type{grid-column:1/-1;max-width: 100%;width: 100%;}
#asiakastiedot-customertype-wrapper td {display: flex;}
#asiakastiedot-customertype-wrapper label:last-of-type{margin-left:20px}
#asiakastiedot_lomake td {align-items: center;}
#asiakastiedot_lomake .button.active {background: #3a8e15;}
td:has(select[name="maa"])::before {content: "Maa";display: block;position: absolute;left: 12px;font-size: 11px;text-transform: capitalize;font-weight: 400;color: #757575;top:0px}
select[name="maa"] {height: 50px;margin: 0;padding-top: 3px;}
tr:has(select[name="maa"]){grid-column:1/-1}
#asiakastiedot_lomake tr:nth-of-type(12), #asiakastiedot_lomake tr:nth-of-type(13) {display: none;}
#customer-form tr:nth-of-type(4) input,#customer-form tr:nth-of-type(7) input {max-width:unset !important}
#accept-form {display:grid;grid-column: 1/-1; margin:0 !important}
input[name="markkinointilupa"] + label {font-size: 15px;}
#rLink {grid-column:1 / -1}
#customer-type{display:flex; gap:5px; }
.delivery-address{padding:0; line-height:120%}
#delivery-address-summary{margin-bottom:1em; grid-template-columns:1fr}
.tilaajantiedot_kentta{display: grid;grid-template-columns: auto auto auto; grid-gap:0;background: #f7f7f7;padding: var(--padding-s);border-radius:8px}
.tilaajantiedot_kentta h2{grid-column:1/-1; font-size: 16px;padding-bottom:10px;font-size: 1.1rem;font-weight: 800;text-transform: uppercase;}
.tilaajantiedot_kentta p {font-size: 14px;}
.clicklink summary{display:block;}
#login-fields {max-width: max-content;margin: 0 auto;padding-bottom:0; margin-top:0em}
#login-fields input[type="button"] {margin-top: 10px;background:var(--active-button-bg);}
#login-fields {max-width: 100%;margin: 0 auto;padding: 0em 2em 2em 2em;text-align: center;}
#login-fields input[type="text"],#login-fields input[type="password"] {margin: 5px 0;max-width: unset !important;}
#asiakastiedot_lomake tr:nth-of-type(9) input{background:url(https://www17.webiocms.fi/pohjakauppa/content/img/header/email-letter-icon.png) 5px center no-repeat; background-size:28px; padding-left:40px}
#asiakastiedot_lomake tr:nth-of-type(10) input{background:url(https://www17.webiocms.fi/pohjakauppa/content/img/header/phone-icon.png) 5px center no-repeat; background-size:28px; padding-left:40px}
.delivery-address summary {color:var(--primary-color);}

/* Delivery & payments */
#dp-wrapper {margin-bottom:1em}
#delivery-adress-summary {margin-bottom:1em}
.dp-container h2{font-size:min(max(1.6rem, 1.8vw), 2rem);font-weight:800;text-transform:uppercase}
#customer-form h2 span, .dp-container h2 span {background: #3A3A3A;display: inline-flex;justify-content: center;align-items: center;width: 30px;height: 30px;border-radius: 100px;color: #fff;font-size: 16px;margin-right: 10px;}
.orderbox.dp-container{padding:var(--padding-m)}
.dp-options-wrapper .dp-option:last-of-type{margin-bottom:0;}
.dp-option {background: var(--option-default-bg);padding-top:min(max(10px, 1vw), 10px);border-radius:4px;padding:min(max(23px, 1vw), 23px) 20px;border:1px solid #000; margin:0 1px 1em 1px; position:relative}
.dp-option.selected {/*background:var(--option-selected-bg);*/ border: 2px solid #167d0d;margin:0 0 1em 0}
#payment-options-wrapper .selected .option-container {border:none}
.dp-option.selected .option-container {padding: 0;}
#payment-options-wrapper .dp-option.selected {padding:0;}
#payment-options-wrapper .dp-option {padding:0;}
#payment-options-wrapper .option-container {grid-template-columns:auto 1fr}
.payment-info {padding:min(max(10px, 0.8vw), 10px);}
.dp-option.selected .payment-info{padding:min(max(10px, 1vw), 10px)}
.payment-icon {margin: 10px 15px;border-radius: 4px;}
.payment-icon img {height: 100%;display: block;height: 30px;object-fit: contain;margin: 0 auto;display: block;padding: 12px 5px;}
#paytrail {background: #d63088;padding: 0px 0px;}
#klarna {background:#ffb5c9;padding: 10px 0px;}
#ennakkolasku {margin: 10px -13px;}
.payment-icon#klarna img { max-width: 40px;height: auto;border-radius: 100px;padding: 5px 10px;}
.option-container{display:grid; grid-template-columns: 1fr 80px; grid-gap: 0em;justify-content: center;align-items: center;}
.delivery-option-select-wrapper {margin: 0 auto;order: 3;grid-column: 1/-1;width: 100%;}
.delivery-option-cost {text-align:right;order: 2;}
.delivery-option-cost,.alatoimitustapa {font-weight: 700;align-self: flex-start;}
.alatoimitustapa {padding-left:20px}
.dp-option select{margin-top:10px;background: #f9f9f9;}
.dp-hint-text{color: #7d7d7d;font-size: 14px;color: #7d7d7d; padding-top: 1em;padding-bottom: 10px;padding-left:38px; color:#000}.dp-hint-text i{font-style:normal}
.dp-option.tt .dp-hint-text, .dp-option.tt select {display: none;}
.dp-option.tt.selected .dp-hint-text, .dp-option.tt.selected select {display: block;}
.dp-option.tt.selected .option-container::before {content: "VALITTU";font-size: 9px;background: #167d0d;color: #fff;font-weight: 700;max-width: max-content;line-height: 100%;padding: 5px 10px;border-radius: 0 0px 0 6px;position: absolute;top: 0;right: 0;}
.dp-option.tt.selected .paatoimitustapa, .dp-option.tt.selected .alatoimitustapa, .dp-option.tt.selected .delivery-option-cost {color:#167d0d}
.vk-vaihtoehto-valittu br {display: none;}
.paatoimitustapa {display:none; padding-left:10px} /* TEMP */

/* toimitustapa1 -> Posti ->  Postipaketti*/
#toimitustapa1 {background: #fff url(https://www17.webiocms.fi/pohjakauppa/content/img/header/posti-icon.png) 14px 20px no-repeat;background-size: 35px;}

/* toimitustapa2 -> Posti -> Ovelle -paketti */
#toimitustapa2 {background: #fff url(https://www17.webiocms.fi/pohjakauppa/content/img/header/posti-icon.png) 14px 20px no-repeat;background-size: 35px;}

/* toimitustapa3 -> Posti -> Ovelle -paketti aamulla*/
#toimitustapa3 {background: #fff url(https://www17.webiocms.fi/pohjakauppa/content/img/header/posti-icon.png) 14px 20px no-repeat;background-size: 35px;}
#toimitustapa8 {background: #fff url(https://www17.webiocms.fi/pohjakauppa/content/img/header/posti-icon.png) 14px 20px no-repeat;background-size: 35px;}

/* toimitustapa5 -> Matkahuolto -> Pakettipiste tai -automaatti */
#toimitustapa5 {background: #fff url(https://www17.webiocms.fi/pohjakauppa/content/img/header/matkahuolto-icon.png) 14px 20px no-repeat;background-size: 35px;}
#toimitustapa51 {background: #fff url(https://www17.webiocms.fi/pohjakauppa/content/img/header/matkahuolto-icon.png) 14px 20px no-repeat;background-size: 35px;}

/* toimitustapa5 -> postnord  */
#toimitustapa27 {background: #fff url(https://www17.webiocms.fi/pohjakauppa/content/img/header/postnord-icon.png) 14px 20px no-repeat;background-size: 35px;}
#toimitustapa63 {background: #fff url(https://www17.webiocms.fi/pohjakauppa/content/img/header/postnord-icon.png) 14px 20px no-repeat;background-size: 35px;}

/* toimitustapa5 -> Shipit  */
#toimitustapa54 {background: #fff url(https://www17.webiocms.fi/pohjakauppa/content/img/header/shipit-icon.png) 14px 20px no-repeat;background-size: 35px;}

/* toimitustapa9 -> Nouto myyjan toimipisteesta */
#toimitustapa9 {background: #fff url(https://www17.webiocms.fi/pohjakauppa/content/img/header/nouto-icon.png) 14px 20px no-repeat;background-size: 35px;}

/* Payment options and descriptions */

/* Paytrail -> #maksutapa1 */
.payment-info-description {display: block;grid-column: 1/-1;padding: 0 20px 20px 20px;font-size: 0.8rem;line-height: 140%;}
/* #maksutapa1.selected .option-container::after {content: "Maksu verkkopankissa, luottokortilla tai laskulla";display: block;grid-column: 1/-1;padding: 0 20px 20px 20px;font-size: 0.8rem;line-height: 140%;} */
#maksutapa_1 {background: url(https://www17.webiocms.fi/pohjakauppa/content/img/header/paytrail-icon.jpg) center right no-repeat;background-size: auto;background-size: 30px;height: 30px;}

/* Svea -> #maksutapa19 */
.payment-category p {font-weight: 700;font-size: 16px;padding-bottom: 10px;}
#maksutapavalinta_19 { display:grid;gap:1em;flex-wrap: wrap;padding:1em}
#maksutapavalinta_19 img {aspect-ratio: 1/1;object-fit: contain;border: 2px solid #f7f7f7 !important;border-radius: 8px;max-width: 70px;box-sizing: content-box;padding: 0 20px;flex: 1;box-shadow: 2px 2px 3px rgba(0,0,0,.7);min-height: 80px;}
/* #maksutapavalinta_19 img.sveamaksutapa.svea-selected {border: 2px solid green !important;} */
.sveamaksutapa.svea-selected,.sveamaksutapa.svea-not-selected {opacity:1; transform:scale(100%)}
#maksutapavalinta_19 .sveamaksutapa.svea-not-selected:hover {opacity: 1 !important;transition: var(--animate);border:2px solid #E3E3E3 !important;transform:scale(105%)}

/* IF no other Payment options is not active other than SVEA */
/*  #maksutapa19.selected {border: none;} */
/*  #maksutapa19.selected .option-container {display: none;} */
/*  #maksutapa19.selected #maksutapavalinta_19 {padding:0;} */
/* .payment-category:has(.sveamaksutapa.svea-selected) .sveamaksutapa.svea-not-selected {opacity: 0.3;transition:var(--animate)} */
#maksutapavalinta_19 .sveamaksutapa.svea-not-selected {opacity: 0.3;transition:var(--animate)}
#credit-category img {padding: 0 0 10px 0;}

@media screen and (max-width:678px){.tilaajantiedot_kentta {grid-template-columns: auto auto;grid-gap: 0 10px;}.tilaajantiedot_kentta {overflow:hidden;}.tilaajantiedot_kentta a {display: block; padding:3px 0;line-height:120%}}
@media screen and (max-width:575px){#customer-form.orderbox{padding-top:0}#asiakastiedot_lomake table::before, .dp-container h2 {font-size:2.4rem;text-align:center;}.tilaajantiedot_kentta {grid-template-columns: 1fr;}.dp-container > p {font-size:20px; text-align:center;}}
@media screen and (max-width:480px){.tilaajantiedot_kentta p:nth-of-type(7), .tilaajantiedot_kentta p:nth-of-type(8) {grid-column: 1/-1;}.orderbox.dp-container {padding: 0;}#asiakastiedot_lomake tbody::before {font-size: 1.1rem;}.payment-category {display: grid;grid-template-columns: 1fr 1fr 1fr;justify-content: center;align-items: center;  grid-gap: 10px 0;}
#maksutapavalinta_19 img {aspect-ratio: unset;object-fit: contain; border: 2px solid transparent !important;padding: 0;box-shadow: unset;min-height: 60px;max-width: 80%;margin: 0 auto;border-radius: 4px; height:100%;padding:0 10px; box-sizing:border-box}.payment-category p {grid-column: 1/-1;text-align: center;border-bottom: 1px solid #000;}}
@media screen and (max-width:400px){#toimitustapa5 .alatoimitustapa, #toimitustapa9 .alatoimitustapa{display:none}#toimitustapa5 .paatoimitustapa, #toimitustapa9 .paatoimitustapa{display:block}}

/* Paytrail -> #maksutapa1 */
.payment-category p {font-weight: 700;font-size: 16px;padding-bottom: 10px;}
#maksutapavalinta_1 { display:grid;gap:1em;flex-wrap: wrap;padding:1em}
#maksutapavalinta_1 img {aspect-ratio: 1/1;object-fit: contain;border: 2px solid #f7f7f7 !important;border-radius: 8px;max-width: 70px;box-sizing: content-box;padding: 0 20px;flex: 1;box-shadow: 2px 2px 3px rgba(0,0,0,.7);min-height: 80px;}
/* #maksutapavalinta_1 img.paytrailmaksutapa.mt-selected {border: 2px solid green !important;} */
.paytrailmaksutapa.mt-selected,.paytrailmaksutapa.mt-not-selected {opacity:1; transform:scale(100%)}
#maksutapavalinta_1 .paytrailmaksutapa.mt-not-selected:hover {opacity: 1 !important;transition: var(--animate);border:2px solid #E3E3E3 !important;transform:scale(105%)}

/* IF no other Payment options is not active other than mt */
/*  #maksutapa19.selected {border: none;} */
/*  #maksutapa19.selected .option-container {display: none;} */
/*  #maksutapa19.selected #maksutapavalinta_1 {padding:0;} */
/* .payment-category:has(.paytrailmaksutapa.mt-selected) .paytrailmaksutapa.mt-not-selected {opacity: 0.3;transition:var(--animate)} */
#maksutapavalinta_1 .paytrailmaksutapa.mt-not-selected {opacity: 0.3;transition:var(--animate)}
#credit-category img {padding: 0 0 10px 0;}

@media screen and (max-width:678px){.tilaajantiedot_kentta {grid-template-columns: auto auto;grid-gap: 0 10px;}.tilaajantiedot_kentta {overflow:hidden;}.tilaajantiedot_kentta a {display: block; padding:3px 0;line-height:120%}}
@media screen and (max-width:575px){#customer-form.orderbox{padding-top:0}#asiakastiedot_lomake table::before, .dp-container h2 {font-size:2.4rem;text-align:center;}.tilaajantiedot_kentta {grid-template-columns: 1fr;}.dp-container > p {font-size:20px; text-align:center;}}
@media screen and (max-width:480px){.tilaajantiedot_kentta p:nth-of-type(7), .tilaajantiedot_kentta p:nth-of-type(8) {grid-column: 1/-1;}.orderbox.dp-container {padding: 0;}#asiakastiedot_lomake tbody::before {font-size: 1.1rem;}.payment-category {display: grid;grid-template-columns: 1fr 1fr 1fr;justify-content: center;align-items: center;  grid-gap: 10px 0;}
#maksutapavalinta_1 img {aspect-ratio: unset;object-fit: contain; border: 2px solid transparent !important;padding: 0;box-shadow: unset;min-height: 60px;max-width: 80%;margin: 0 auto;border-radius: 4px; height:100%;padding:0 10px; box-sizing:border-box}.payment-category p {grid-column: 1/-1;text-align: center;border-bottom: 1px solid #000;}}


#order-confirmation-wrapper {margin-top:0;position: sticky;top: 10px;display: grid;}
#order-confirmation-wrapper{padding:0 var(--padding-m);}
#order-confirmation-wrapper h2 { padding-bottom:1em;}
#order-confirmation-wrapper .dgrid-2-cols section {padding:1em;}
#order-confirmation-summary p {grid-template-columns: 1fr auto;display: grid;}
#order-confirmation-summary p, #order-confirmation-summary span {font-size: 16px;}
p#alvrivi {display: flex;justify-content: flex-end;line-height: 100%;}
#alvrivi span {padding-left:10px; font-size:12px}
#confirmation-page-summary {border-left: 1px solid #dedede;}
#edit-order-link {margin-top: 1em;display: block;border: 1px solid #b0b0b0;border-radius: 4px;padding: 5px 20px;color: color;color: #202020;font-weight: 700;font-size: 14px;text-align: center;}
#order-confirmation-wrapper #tuotealennuksetrivi, #order-confirmation-wrapper #kkalennuksetrivi {text-align: right;padding: 0;margin: 0;font-size: 14px;}
.ptotals-small {font-weight: 700;margin-bottom: 10px;text-align: right;}

/* Order content summary - small */
#order-confirmation-wrapper .price-row, .price h3 {font-size: 0.7rem;}
#order-confirmation-wrapper .product-row-wrapper {grid-template-columns: auto 1fr auto;border-bottom: 1px solid #e2e2e2;}
#order-confirmation-wrapper .product-row-image {min-height: 55px;}
#order-confirmation-wrapper .product-row-header {grid-template-columns: 1fr;}
#order-confirmation-wrapper .product-row-header h2 {padding-bottom: 2px;font-size: 0.7rem;}
#order-confirmation-wrapper .product-row-image img {max-width: 40px;padding: 0 10px;}
#order-confirmation-wrapper .price-row.discountpct {font-size: 7px;}
#order-confirmation-wrapper .price-row, .price h3 {font-size: 0.9rem;}
#order-confirmation-wrapper .orginalprice {font-size: 10px;}
#order-confirmation-wrapper .productrow-item-functions {display: none;}
#order-confirmation-wrapper .feature-row.pprice {display:none;}
#total-small {font-weight: 700 !important;font-family: var(--google-font);padding-top:10px;grid-template-columns: 1fr 1fr;}
#total-small b {display:block; text-align:right}
#order-confirmation-wrapper #yv_tuotealennukset, #order-confirmation-wrapper #yv_kampanjakoodialennukset{color:#000; font-weight:400; width:100px; display: inline-block;}
#order-confirmation-wrapper .ptotals-small,#order-confirmation-wrapper #total-small {font-size: 14px;}

/* Leave a message to seller */
#message-to-seller {margin-top:2em; line-height:120%;}
#message-to-seller summary.button {border-radius: 4px;border: 1px solid #000;padding: 10px 30px;color: #000;font-size: 14px;text-align: center;background:#fff}
#message-to-seller button {padding: 8px 16px;font-size: 14px;border: none;}
#message-to-seller i {color: #7d7d7d;font-size: 14px; display:block;}
#message-to-seller a {font-size: 14px;font-style: normal;font-weight: 700;}
#message-to-seller strong {display: block;font-style: normal;color: #000;}
#delete-message-to-seller {display: block;padding-top:10px;}
#viestimyyjalle {border-radius:0;margin-top:10px;border-color: #858585;font-family: var(--google-font);}
#viestimyyjallepaikka{background: #f7f7f7;padding: 1em;width: 100%;display: block;box-sizing: border-box; border-radius:4px;margin-top:10px}
#viestimyyjallepaikka:empty{display:none;}
.brdr{border-bottom:1px solid #2a2a2a; margin-bottom:5px;}

/* Accept order terms checkbox */
#accept-terms{margin-top:0; padding-top: 0 !important;}
#accept-terms.orderbox{padding:var(--padding-m)}
#accept-terms .next-phase {margin-top:1em}
#accept-terms td {display: flex;margin: 0 auto;justify-content: center;}
#accept-terms td a{padding-left:7px}

@media screen and (max-width:1024px){.delivery-option-select-wrapper {grid-row: 2;}.delivery-option-cost{grid-column:3}.option-container {align-items: flex-start;}.delivery-option-select-wrapper {margin: 0;}.option-container{grid-template-columns:1fr auto}.delivery-option-cost {grid-column: 2;}.delivery-option-select-wrapper {grid-column: 1 / -1;}  /*#order-confirmation-wrapper {background: #f7f7f7;width: calc(100% - var(--padding-m)*2);margin: 0 var(--padding-m);box-sizing: border-box;position: relative;padding: var(--padding-s);margin-bottom: 2em;}.orderform-linecol {border:0}*/#login-fields{padding: 0em 2em 0em 2em;}.tilaajantiedot_kentta h2 {display: block;grid-column:1/-1}.tilaajantiedot_kentta h2 {font-size: min(max(1.6rem, 1.8vw), 2rem);font-weight: 800;text-transform: uppercase;}}
@media screen and (max-width:800px){.altpage.dgrid-2-cols.customerinfo,.altpage.dgrid-2-cols{grid-template-columns: 1fr;}.orderform-linecol {border:0}#dt-products{display:none;}#mbl-products {display:block}#mbl-products details, #mbl-products summary {list-style-type: none;}  #mbl-products summary h2 {padding-bottom:0;font-size: 1rem;}#mbl-products summary{display: block;border: 1px solid #ddd;border-radius: 6px;padding: 15px 10px;margin-bottom: 0 !important;background: #f7f7f7;text-align: center;}}
@media screen and (max-width:720px){#asiakastiedot_lomake{max-width:100%}#accept-terms td {font-size: 12px;}#asiakastiedot_lomake tr{max-width:100%;}}
@media screen and (max-width:575px){#asiakastiedot_lomake { padding: 0;}#asiakastiedot_lomake tr {grid-template-columns: 1fr;}.clicklink summary {font-size: 16px;}.payment-icon{min-width: 60px;}.payment-icon img {height: 100%;height: 30px;object-fit: cover;margin: 0 auto;display: block;max-width: 30px;}#customer-form .button,#order-confirmation-wrapper .button,.next-phase .button {font-size:var(--button-s-font-size);padding:var(--button-s-padding)}#order-confirmation-summary p, #order-confirmation-summary span {font-size: 1rem;}#delivery-address-summary p {font-size: 0.9rem;}.clicklink summary {font-size: 15px;}#ennakkolasku{min-width:73px;} #ennakkolasku img {padding: 0;margin: 0;}.orderbox.cpadding-m.dp-container:first-of-type {margin-bottom: 3em;}#customer-form.orderbox{padding-bottom: 0 !important;}#accept-terms{padding-top: 1em !important;}#customer-form{padding-top: 10px !important;}.price h3 {font-size: 1.6rem;}#order-confirmation-wrapper .price h3 {font-size: 0.9rem;}#order-confirmation-wrapper #yv_tuotealennukset, #order-confirmation-wrapper #yv_kampanjakoodialennukset {width: 80px;}}
@media screen and (max-width:480px){.option-container .dp-hint-text{font-size:12px;}.dp-option select {font-size: 12px;}#payment-options-wrapper .selected .option-container {align-items: center;}.orderbox,#customer-form.orderbox,#order-confirmation-wrapper {padding: var(--padding-s);}#order-summary-free-text{line-height: 130%;padding-top: 5px;}#login-fields {margin-top: 0;}#login-fields {padding:0em;}#order-confirmation-wrapper h2 {font-size:1.6rem}#mbl-products summary h2 {font-size:0.8rem}#asiakastiedot_lomake tr:nth-of-type(9),#asiakastiedot_lomake tr:nth-of-type(10){grid-column:1/-1}  #order-confirmation-wrapper {width: 100%;margin: 0 auto;}}
@media screen and (max-width:420px){#order-confirmation-wrapper .dgrid-2-cols section {padding: 10px 0;}#order-confirmation-wrapper .dgrid-2-cols{grid-gap:0}#accept-terms.orderbox{padding:var(--padding-s)}.payment-icon {margin: 5px;}.payment-icon img {height: 30px; max-width: 30px;padding:6px 5px;}.option-container .dp-hint-text {padding-top: 5px;}.payment-icon#klarna img {padding: 5px;box-sizing: border-box;}#ennakkolasku {min-width: 53px;margin: 5px -13px;}/*.dp-option {padding: min(max(10px, 1vw), 10px) 10px;}*/.delivery-option-cost {grid-row: 1;}.option-radio{grid-row: 1;grid-column: 1 / -1;}}
@media screen and (max-width:350px){#login-fields u {display: block;}}

/* FORMS */
input{border-radius:4px;}select{outline:0;box-shadow:none;background:#fff;background-image:none;margin:0px 0 10px 0; max-width:100%; border-radius: 4px;}
input[type=file], input[type=text], input[type=file], input[type=password], select,input[type=submit] {max-width:350px !important;border-radius:4px;height: 48px;width: 100%!important;box-sizing: border-box;padding:0 10px; box-sizing:border-box;margin: 0px 0 0px 0;font-size: 16px;}input[type=button] {height:auto; padding:10px 10%; max-width:100%; width:100%;}input[type=text], input[type=password], select, textarea {border:1px solid #000}input[type="text"].pmvk, input[type="button"].lpainike {width: auto !important;}textarea {width: 100%!important;margin-bottom: 5px; box-sizing: border-box; padding:10px;height: 100%;
border-radius: 4px;} table tr[id^="lomakerivi"] {display:grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));}table[id^="lomake"] td{padding:0;}table[id^="lomake"] table tr table {width:100%;}.lomakenappi_submit{position: absolute;left: 0;}	input[type="radio"]:checked + label {color: green;}
.fw-formfield {grid-column: 1/-1;}.fw-formfield input {max-width:100% !important}select{max-width: 100% !important;height:40px}
input[type="button"] {-webkit-appearance: none;-webkit-border-radius: none}input.lomakepuute {background-color: #f7f7f7;border: 1px solid #ff0303;}
@media screen and (max-width:1024px){input[type="file"], input[type="text"], input[type="file"], input[type="password"], select, input[type="submit"] {max-width: unset !important;}}
@media screen and (max-width:480px){input[type="file"], input[type="text"], input[type="file"], input[type="password"], select {font-size:15px}}

/* RADIO */
input[type=radio]:checked,input[type=radio]:not(:checked){position:absolute;left:-9999px}
input[type=radio]:checked+label,input[type=radio]:not(:checked)+label{position:relative;padding-left:20px;cursor:pointer;line-height:20px;display:inline-block;color:#000;font-size:17px;width: 100%;box-sizing: border-box;}input[type=radio]:checked+label:before,input[type=radio]:not(:checked)+label:before{content:'';position:absolute;left:0;top:2px;width:14px;height:14px;border: 1px solid #c2c2c2;border-radius:100%;background:#fff;}input[type=radio]:checked+label:before {border:none;}#delivery-options-wrapper label:before, #delivery-options-wrapper label:after {visibility:hidden }
input[type=radio]:checked+label:after,input[type=radio]:not(:checked)+label:after{content:'';width:12px;height:12px;background:#008000;position:absolute;top:4px;left:4px;border-radius:100%;-webkit-transition:all .2s ease;transition:all .2s ease;  border: 1px solid #8e8e8e;}input[type=radio]:not(:checked)+label:after{opacity:0;-webkit-transform:scale(0);transform:scale(0)}input[type=radio]:checked+label:after{opacity:1;-webkit-transform:scale(1);transform:scale(1);}input[type=radio]:checked+label:after{top:2px;left:0px;width:15px;height:15px;border:none;border:none !important;}
@media only screen and (max-width:1024px) {.vk-maarasolu select {width: 40px !important;height: 20px;}.vk-maarasolu select{font-size:0.65rem !important}}#popup_panel input {width: auto;}}
@media only screen and (max-width:480px) {input[type="radio"]:checked + label, input[type="radio"]:not(:checked) + label, .option-container div {font-size: 1rem;}}

/* CHECKBOX */
.orderbox input[type=checkbox] {display: none}
.orderbox input[type=checkbox] + label, .orderbox input[type=checkbox]:checked + label {-webkit-appearance: none;display: block;position: relative;height: auto;clear: both;line-height: 140%;}
.orderbox input[type=checkbox] + label::before, .orderbox input[type=checkbox]:checked + label::before {border-radius: 100%;border: 1px solid #8e8e8e;border-radius: 4px;color: #fff;content: "✓";float: left;font-size: 1.2em !important;font-weight: 700;height: 18px;line-height: 11px;margin-right: 10px;padding: 2px 6px 0 6px;position: relative; width: 9px;border: 1px solid #8e8e8e;}
.orderbox input[type=checkbox] + label::before {content: ""}
.orderbox input[type=checkbox]:checked + label::before { background: #2a2a2a none repeat scroll 0 0;color: #fff !important;border: none;padding: 8px 15px 0 7px;}
.orderbox input[type=checkbox]:checked + label {color: #000;box-shadow: 0 1px 2px rgba(0, 0, 0, .05)}
.orderbox input[type=checkbox] + label:active, .orderbox input[type=checkbox]:checked + label:active {box-shadow: 0 1px 2px rgba(0, 0, 0, .05)}

@media screen and (max-width:720px){#asiakastiedot_lomake{max-width:100%}#accept-terms td {font-size: 16px;}.orderbox input[type="checkbox"]:checked + label::before {padding: 8px 12px 0 8px;font-size: 12px !important;width: 10px;height: 16px;margin-right: 10px;padding: 8px 12px 4px 9px;}#accept-terms td a {padding-left: 5px;}input[type="file"], input[type="text"], input[type="file"], input[type="password"], select {max-width: 100% !important;}}
@media only screen and (max-width:575px) {input[type="radio"]:checked + label, input[type="radio"]:not(:checked) + label{font-size:min(max(1rem, 1vw), 16px);font-weight:400}}
@media only screen and (max-width:480px) {#customer-form input[type="checkbox"]:checked + label::before, #customer-form input[type="checkbox"] + label::before {height: 14px;margin-right: 10px;padding: 8px 8px 0 8px; line-height:6px}#accept-terms td {font-size: 14px;}}
@media only screen and (max-width:395px) {.alatoimitustapa {max-width: 126px;display: block;line-height: 120%;}}
@media only screen and (max-width:375px) {#shopping-cart-page-3 #customer-form td, #shopping-cart-page-3 #customer-form td a {font-size: 0.7rem !important;}#customer-form input[type="checkbox"]:checked + label::before, #customer-form input[type="checkbox"] + label::before { height: 10px;margin-right: 10px;padding: 6px 4px 0 4px;}}

.klarna-wrapper {width: 100%;display: flex;border: 1px solid#dedede;border-radius: 6px;}
.klarna-wrapper > div { flex: 1;box-sizing: border-box;padding: 10px 3%;border-right: 1px solid #dedede;text-align: center;}
#klarnamenu-3 {border: none;}
.klarnamenu {display:none;cursor:pointer;}
.klarnamenuselected{background:#f0f0f0;color:#000;font-weight: bold;}

/*--- FOOTER ---*/
footer{background:var(--footer-background); padding:var(--padding-m) 0;}
footer td, footer span, footer h2,footer h3,footer h4,footer h5, footer h6{color:var(--footer-font-color);}
footer tr{display:grid; grid-gap:1em 2em;grid-template-columns:var(--footer-table-grid);}

    .back-link {
      display: inline-block;
      margin-bottom: 20px;
      text-decoration: none;
      color: #007BFF;
      font-weight: bold;
    }

    .back-link:hover {
      text-decoration: underline;
    }

    .checkout-wrapper {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      gap: 10px;
    }

    .step {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 20px 0;

    }

    .step .circle {
      width: 25px;
      height: 25px;
      border-radius: 50%;
      background-color: #ccc;
      color: white;
      font-weight: bold;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      font-size: 14px;
    }

    .step.completed .circle {
      background-color: #4CAF50;
    }

    .step .title {
      font-weight: bold;
      color: #fff;
      white-space: nowrap;
      font-size:14px;
      font-family: 'Montserrat', Sans-serif;
      text-transform: uppercase;
      font-weight: 800;
    }

    .line {
      height: 2px;
      width: 50px;
      background-color: #ccc;
      flex-shrink: 0;
    }

    .line.completed {
      background-color: #4CAF50;
    }

    /* Pystysuuntainen mobiiliversio */

@media (max-width: 800px) {.step .title{font-size:10px}.step .circle {width: 20px;height: 20px;}}


    @media (max-width: 600px) {
      .checkout-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
      }

      .step {
        margin-bottom: 10px;
      }

      .line {
        width: 2px;
        height: 30px;
        margin: 5px 14px; /* Väliviivan kohdistus pallojen väliin */
      }
    }