*,*::before,*::after{box-sizing:border-box}#summary table{width:100%;table-layout:fixed}#summary tbody{display:flex;flex-wrap:wrap;justify-content:space-between}#summary tbody tr{width:48%;display:flex;justify-content:space-between;margin-bottom:10px}@media (max-width:1024px){#summary tbody{flex-direction:column}#summary tbody tr{width:100%}}#summary tbody td:first-child{font-weight:500;color:#333}@media (max-width:1024px){#summary tbody tr{margin-bottom:12px}#summary tbody td{padding:6px 10px;font-size:15px}}#soap-recipe{margin-top:30px;padding-top:15px;border-top:2px solid #ccc}#soap-recipe table{width:100%;border-collapse:collapse;margin-top:10px}#soap-recipe th,#soap-recipe td{padding:8px;text-align:left;border-bottom:1px solid #ddd}#soap-recipe h4{margin-bottom:10px}#soap-calculator{font-family:inherit;font-size:16px;line-height:1.5;color:#222;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:700px;margin:20px auto;padding:20px;border:1px solid #ddd;border-radius:8px}#soap-calculator input,#soap-calculator textarea,#soap-calculator select{font:inherit}#soap-calculator button{font-family:inherit}#soap-calculator img,#soap-calculator picture,#soap-calculator video,#soap-calculator canvas,#soap-calculator svg{display:block;max-width:100%}#soap-calculator a{color:inherit;text-decoration:none}fieldset{border:1px solid #ccc!important;padding:20px!important;margin-bottom:20px!important;margin-top:20px!important;border-radius:6px!important}legend{text-transform:uppercase;font-weight:normal!important;padding:0 8px;letter-spacing:1px;font-size:1.2em!important}input[type="number"],input[type="text"],textarea{width:100%;padding:8px;margin-top:5px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px;font-size:1em}.button{background-color:#fff;color:#000;border:1px solid #000;border-radius:4px;padding:8px 16px;font-size:1em;font-family:inherit;cursor:pointer;transition:all 0.2s ease}.button:hover{background-color:#000;color:#fff}.oil-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;border-bottom:1px solid #eee;cursor:pointer}.oil-item:hover{background-color:#f4f4f4}.scroll-container{max-height:145px;overflow-y:auto;border:1px solid #ccc;border-radius:6px}.selected-oil{display:flex;align-items:center;padding:2px 0;border-bottom:1px solid #e0e0e0;font-size:.95em;line-height:1.2}.selected-oil input{width:60px;padding:1px 3px;margin:0 4px;font-size:.9em;line-height:1.2;height:26px}.selected-oil span,.selected-oil label{flex:1;color:#333;margin-right:6px}.add-oil{background:none;border:none;color:#000;cursor:pointer;padding:0;margin:0;line-height:1}#soap-calculator .selected-oil-row input[type="number"]{width:60px;padding:1px 1px 1px 4px;margin:0 4px;font-size:.9em;line-height:1.2;height:26px}.remove-oil{background:none;border:none;font-size:1.2em;color:#d00;cursor:pointer;padding:0;line-height:1;margin-left:-6px}#selected-oils-container{border:1px solid #ccc;border-radius:6px;padding:6px;background-color:#fdfdfd;gap:5px}.total-display{margin-top:15px;font-weight:700}.total-warning{color:red}#oil-list td,#oil-list th{padding:8px;border:1px solid #ddd;text-align:left}#oil-list tr:nth-child(even){background-color:#f9f9f9}.additive-row{display:flex;align-items:center;justify-content:space-between;margin:6px 0;padding:4px 0;border-bottom:1px solid #eee}.additive-row input{width:60px;padding:2px 4px;font-size:.9em;height:26px;margin:0 6px;border:1px solid #ccc;border-radius:4px}.additive-row span{font-size:.95em;color:#222}.additive-row button{background:none;border:none;font-size:1.2em;color:red;cursor:pointer;padding:0;line-height:1}#soap-recipe table td[colspan="2"] strong{display:block;margin-top:12px}#soap-recipe .fragrance-description{font-size:.9em;line-height:1.4;margin-top:5px}@media (max-width:600px){#soap-recipe .fragrance-description{font-size:.85em;max-width:100%}}.reset-wrapper{text-align:center;margin-top:30px}.reset-button{background-color:#d9534f;color:#fff;font-weight:600;border:none;padding:8px 14px;font-size:14px;border-radius:4px;cursor:pointer;transition:background-color 0.2s ease-in-out}.reset-button:hover{background-color:#c9302c}@media (max-width:600px){.reset-button{font-size:13px;padding:7px 12px;width:90%}}.properties-description{font-size:.9em;line-height:1.4;margin-top:5px}.soap-tooltip{position:relative;cursor:help;margin-left:4px;text-transform:none;letter-spacing:normal;line-height:normal;font-size:14px}.tooltip-icon{display:inline-block;width:16px;height:16px;line-height:16px;text-align:center;font-size:11px;font-weight:400;border-radius:50%;background-color:#333;color:#fff;font-family:sans-serif;user-select:none;text-transform:none}.soap-tooltip::before{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;transform:translateX(-50%);background-color:#333;color:#fff;padding:6px 10px;border-radius:6px;white-space:normal;font-size:14px;width:max-content;max-width:240px;text-align:left;z-index:100;opacity:0;visibility:hidden;transition:opacity 0.2s ease}.soap-tooltip::after{content:'';position:absolute;bottom:115%;left:50%;transform:translateX(-50%);border-width:6px;border-style:solid;border-color:#333 #fff0 #fff0 #fff0;opacity:0;visibility:hidden;transition:opacity 0.2s ease}.soap-tooltip:hover::before,.soap-tooltip:hover::after{opacity:1;visibility:visible}.soap-summary{display:flex;flex-wrap:wrap;margin-top:20px}.summary-column{flex:1;min-width:200px;padding:10px}.summary-item{margin-bottom:10px;font-weight:700}.summary-item span:last-child{display:block;font-size:1em;color:#000;font-weight:700}.summary-label{color:#000;display:inline-block;min-width:160px}.batch-volume-row{font-weight:500;margin-top:12px;margin-bottom:8px}.batch-volume-row .summary-label{font-weight:500;color:#000}.batch-volume-row{color:#333;font-weight:500;text-align:right}#calculated-batch-volume{font-weight:bolder}#recipe-title{font-size:1.8em;font-weight:700;margin-top:2px;margin-bottom:8px}#soap-recipe a{color:#278a74;text-decoration:none;transition:color 0.2s ease-in-out}#soap-recipe a:hover{color:#33b294}.unit-toggle{display:flex;flex-direction:column;gap:4px;font-size:14px;margin-bottom:12px}.unit-toggle label{display:inline-block;margin-right:10px}@media (min-width:600px){.unit-toggle{flex-direction:row;align-items:center;gap:4px}.unit-toggle label{margin:0}}@media (max-width:600px){body{padding:0!important;margin:0!important;font-size:13px}.properties-wrap,.summary{flex-direction:column;gap:15px}.properties-wrap table,.summary table{min-width:100%;width:100%;border-collapse:collapse}.notes-area textarea{font-size:13px}.print-button{width:100%;font-size:14px;margin-top:15px}.mobile-percent{margin-left:-4px!important}.unit-toggle{display:block;margin-bottom:10px}.unit-toggle strong{display:block;margin-bottom:4px}.unit-toggle label{margin-top:4px}#soap-calculator{margin-left:-10px!important;margin-right:-10px!important;padding-left:4px!important;padding-right:4px!important;border-radius:0;border-left:none;border-right:none}fieldset{border:none!important;padding:2px!important;margin-bottom:20px!important;margin-top:20px!important;border-radius:6px!important}.oil-value input{max-width:25px!important;padding:1px 2px;margin:0 4px;font-size:.9em;line-height:1.2;height:26px}#soap-calculator .selected-oil-row input[type="number"]{max-width:32px!important;padding:1px 3px;margin:0 0;font-size:.9em;line-height:1.2;height:26px;gap:4px}#oil-list td,#oil-list th{padding:2px;border:1px solid #ddd;text-align:left}}.oil-search-wrapper{position:relative;width:100%}#oil-search{width:100%;padding:8px 30px 8px 10px;border:1px solid #ccc;border-radius:4px;font-size:1em}.clear-search-button{position:absolute;right:10px;top:46%;transform:translateY(-50%);cursor:pointer;display:none;color:#333;font-size:16px;user-select:none}.oil-name{background:none;border:none;font-family:inherit;text-align:left;font-size:1em;cursor:pointer;padding:0;margin:0;text-decoration:none}.oil-name:hover{color:#33b294}.hidden{display:none!important}#properties .properties-container{display:flex;gap:40px;flex-wrap:wrap}.properties-container table{margin-top:10px}@media (max-width:1024px){#properties .properties-container{flex-direction:column}#soap-properties,#fatty-acid-composition{width:100%!important}}.oil-percent{color:#666;font-size:.9em;margin-left:4px}