/* Conservative cosmetics for native account/checkout/payment forms. Never hide errors or alter states. */
.paracel-cream .form-control { font: 400 1.0625rem/1.5 var(--body); color: var(--ink); min-height: 44px; border: 1px solid var(--rule-strong); background: var(--plate); border-radius: 2px; padding: 9px 12px; box-shadow: none; }
.paracel-cream textarea.form-control { min-height: 120px; height: auto; }
.paracel-cream select.form-control { padding-right: 28px; }
.paracel-cream .form-control:focus { border-color: var(--olive); box-shadow: none; outline: 2px solid var(--olive); outline-offset: 2px; }
.paracel-cream .form-group { margin-bottom: 20px; }
.paracel-cream .form-group.form-error input, .paracel-cream .form-group.form-error textarea { border-color: var(--clay); color: var(--ink); background-color: var(--plate); }
.paracel-cream .required sup { color: var(--clay); }
.paracel-cream .form_info, .paracel-cream .inline-infos { font-size: .9375rem; color: var(--ink-2); }
.paracel-cream .checkbox label, .paracel-cream .radio label { min-height: 44px; padding-top: 8px; padding-bottom: 8px; }
.paracel-cream .button, .paracel-cream .btn, .paracel-cream button.exclusive {
  min-height: 44px; border-radius: 2px; border: 1px solid var(--rule-strong); background: var(--paper);
  color: var(--olive); font: 500 1.0625rem/1.5 var(--body); box-shadow: none; text-shadow: none;
}
.paracel-cream .button span, .paracel-cream .btn span { background: none; color: inherit; border: 0; border-radius: 0; box-shadow: none; text-shadow: none; font: inherit; }
.paracel-cream .button.button-medium span, .paracel-cream .button.button-small span { display: block; padding: 10px 14px; }
.paracel-cream .button:hover, .paracel-cream .btn:hover { background: var(--paper-2); color: var(--ink); border-color: var(--olive); text-decoration: none; }
.paracel-cream .button.ajax_add_to_cart_button, .paracel-cream .button.button-medium,
.paracel-cream .cart_navigation .button-exclusive + .button { background: var(--olive); border-color: var(--olive); color: var(--plate); }
.paracel-cream .button.ajax_add_to_cart_button:hover, .paracel-cream .button.button-medium:hover { background: var(--olive-2); }
.paracel-cream .button.disabled, .paracel-cream .btn.disabled, .paracel-cream button:disabled { background: var(--paper-2); border-color: var(--rule); color: var(--ink-2); opacity: 1; cursor: not-allowed; }
.paracel-cream .button.button-exclusive { border: 0; background: none; color: var(--olive); padding: 10px 0; }
.paracel-cream .button.button-exclusive i { color: inherit; }
.paracel-cream .button.button-small span i { margin: 0; }
.paracel-cream div.selector { min-height: 44px; height: 44px; background: var(--plate); border: 1px solid var(--rule-strong); border-radius: 2px; font-size: 1.0625rem; line-height: 42px; }
.paracel-cream div.selector span { height: 42px; line-height: 42px; color: var(--ink); background: none; font-size: 1.0625rem; padding-right: 28px; }
.paracel-cream div.selector:after { content: '⌄'; position: absolute; right: 10px; top: 0; color: var(--olive); pointer-events: none; }
.paracel-cream div.selector select { height: 44px; min-height: 44px; font-size: 1.0625rem; }
/* Native DOB rows have 94px columns/84px selects; let readable controls wrap at narrow widths. */
.paracel-cream:is(#authentication, #identity, #order-opc) #center_column form.std .form-group > .row { display: flex; flex-wrap: wrap; gap: 8px; max-width: 32rem; margin-left: 0; margin-right: 0; }
.paracel-cream:is(#authentication, #identity, #order-opc) #center_column form.std .form-group > .row:before,
.paracel-cream:is(#authentication, #identity, #order-opc) #center_column form.std .form-group > .row:after { display: none; }
.paracel-cream:is(#authentication, #identity, #order-opc) #center_column form.std .form-group > .row > .col-xs-4 { float: none; flex: 1 1 10rem; width: auto; max-width: 100%; min-width: 0; padding: 0; }
.paracel-cream:is(#authentication, #identity, #order-opc) #center_column form.std .form-group > .row > .col-xs-4 .form-control { width: 100%; max-width: none; }
/* Uniform snapshots widths inline, including on resize; override only its DOB display wrappers. */
.paracel-cream #uniform-days, .paracel-cream #uniform-months, .paracel-cream #uniform-years { width: 100% !important; box-sizing: border-box; padding: 0; }
.paracel-cream #uniform-days > span, .paracel-cream #uniform-months > span, .paracel-cream #uniform-years > span { width: 100% !important; box-sizing: border-box; padding-left: 10px; }
.paracel-cream .table, .paracel-cream .table > thead > tr > th, .paracel-cream .table > tbody > tr > td { border-color: var(--rule); }
.paracel-cream .table > thead > tr > th { background: var(--paper-2); color: var(--ink); font: 500 .9375rem/1.5 var(--body); }
.paracel-cream .table > tbody > tr > td { background: var(--paper); padding: 12px; vertical-align: middle; font-size: 1.0625rem; }
.paracel-cream .table > tfoot > tr > td { background: var(--paper-2); border-color: var(--rule); font-size: 1.0625rem; }
.paracel-cream .table .price { font-family: var(--mono); font-variant-numeric: tabular-nums; }
.paracel-cream .cart_description .product-name { color: var(--ink); font: 500 1.0625rem/1.5 var(--body); }
.paracel-cream .cart_description small { font-size: .875rem; }
.paracel-cream #cart_summary tfoot td#total_price_container { background: var(--olive); color: var(--plate); }
.paracel-cream #cart_summary tfoot td#total_price_container span { color: inherit; font-size: 1.25rem; }
.paracel-cream .cart_quantity .cart_quantity_input { height: 44px; min-width: 44px; }
.paracel-cream .cart_quantity_button a, .paracel-cream .cart_delete a { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
.paracel-cream #order_step { border-color: var(--rule); }
.paracel-cream ul.step li { border-color: var(--rule); background: var(--paper-2); }
.paracel-cream ul.step li a, .paracel-cream ul.step li span, .paracel-cream ul.step li.step_current span {
  background: none; color: var(--ink); border-color: var(--rule); text-shadow: none; font: 500 1.0625rem/1.5 var(--body);
}
.paracel-cream ul.step li.step_current { background: var(--olive); border-color: var(--olive); }
.paracel-cream ul.step li.step_current span { color: var(--plate); }
.paracel-cream ul.step li a:after, .paracel-cream ul.step li span:after { display: none; }
.paracel-cream .delivery_options > div, .paracel-cream #carrierTable { background: var(--paper); border-color: var(--rule); }
.paracel-cream .delivery_option { padding: 12px; }
.paracel-cream .payment_module a { border: 1px solid var(--rule); border-radius: 2px; color: var(--ink); font: 500 1.0625rem/1.5 var(--body); box-shadow: none; }
.paracel-cream .payment_module a:hover { border-color: var(--olive); }
.paracel-cream .payment_module a span { color: var(--ink-2); }
.paracel-cream .addresses .page-subheading { color: var(--olive); font-size: 1.25rem; }
.paracel-cream .address { background: var(--paper-2); border-color: var(--rule); font-size: 1.0625rem; }
.paracel-cream #my-account ul.myaccount-link-list li a { background: var(--paper-2); border: 1px solid var(--rule); color: var(--ink); text-shadow: none; font: 500 1.0625rem/1.5 var(--body); }
.paracel-cream #my-account ul.myaccount-link-list li a i { color: var(--olive); border-color: var(--rule); }
.paracel-cream #my-account ul.myaccount-link-list li a span { border: 0; }
.paracel-cream #layer_cart { background: var(--paper); border: 1px solid var(--rule-strong); box-shadow: none; border-radius: 2px; }
.paracel-cream #layer_cart .layer_cart_cart { background: var(--paper-2); border-color: var(--rule); }
.paracel-cream #layer_cart .layer_cart_product h2 { color: var(--olive); font: 600 1.75rem/1.2 var(--display); }
.paracel-cream #layer_cart .layer_cart_cart h2 { color: var(--ink); font: 600 1.75rem/1.2 var(--display); border-color: var(--rule); }
.paracel-cream #layer_cart .layer_cart_product .title, .paracel-cream #layer_cart .layer_cart_cart .layer_cart_row { font: 400 1.0625rem/1.5 var(--body); }
.paracel-cream #layer_cart .cross { width: 44px; height: 44px; }
.paracel-cream .fancybox-skin { background: var(--paper); box-shadow: none; border-radius: 2px; }
@media (max-width: 767px) {
  .paracel-cream #order-opc .box, .paracel-cream #authentication .box { padding: 16px; }
  .paracel-cream .cart_navigation { display: flex; flex-wrap: wrap; gap: 12px; }
  .paracel-cream .cart_navigation .button { float: none; }
  .paracel-cream #layer_cart { width: calc(100% - 24px); left: 12px; margin-left: 0; }
}